【工程】 react中代理異常proxy is not a function

node 版本： 8.x+

react 版本： 16+

工程構建： create-react-app （官方支持的創建 React 單頁應用程序的方法）

問題

官方給出poxy配置文檔

如下

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(proxy('/api', { target: 'http://localhost:5000/' }));
};

啟動報錯如下

proxy is not a function
error Command failed with exit code 1.

嘗試

查詢npm的http-proxy-middleware，發現1.x做了較大改動。

npm官網文檔

解決方案

正確寫法

const {createProxyMiddleware} = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(createProxyMiddleware('/api', { target: 'http://localhost:5000/' }));
};