1.Create-react-app建的项目,需要访问多个跨域接口,按照CRA的官方文档安装了http-proxy-middleware后,进行了下面的配置:
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
proxy({
target: 'http://localhost:5000',
changeOrigin: true,
secure: false,
pathRewrite: {
"^/api": "",
},
})
);
};
2.然后启动报错:proxy is not a function
3.后查看了http-proxy-middleware的官方文档,发现最新的1.0.0版本已经对模块的引用作了明确的要求
3.1 0.x.x版本的引用方式
const proxy = require('http-proxy-middleware');
3.2 1.0.0版本的引用方式
const { createProxyMiddleware } = require('http-proxy-middleware');
4.修改后可以开始工作