http-proxy-middleware use with browser-sync gulp

proxy.js

/**
 * Module dependencies.
 */
var browserSync = require('browser-sync').create()
var proxy = require('http-proxy-middleware') // require('http-proxy-middleware');

/**
 * Configure proxy middleware
 */
var jsonPlaceholderProxy = proxy('/api', {
  target: 'http://jsonplaceholder.typicode.com',
  changeOrigin: true,             // for vhosted sites, changes host header to match to target's host
  logLevel: 'debug',
  pathRewrite: {
    '/api': '/'              // 这样访问 /api 会被代理到 /
  }
})

/**
 * Add the proxy to browser-sync
 */
browserSync.init({
  server: {
    baseDir: './',
    port: 3000,
    middleware: [jsonPlaceholderProxy]
  }
})

console.log('[DEMO] Server: listening on port 3000')