【工程】 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/' }));
};