Create-react-app建的项目,需要访问多个跨域接口,按照CRA的官方文档安装了http-proxy-middleware后,进行了下面的配置:
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/org',
proxy({
target: 'http://localhost:5000',
changeOrigin: true,
})
);
app.use(
'/sys',
proxy({
target: 'http://localhost:5001',
changeOrigin: true,
})
);
};
然后启动报错:proxy is not a function

后查看了http-proxy-middleware的官方文档,发现最新的1.0.0版本已经对模块的引用作了明确的要求
0.x.x版本的引用方式
const proxy = require('http-proxy-middleware');
1.0.0版本的引用方式
const { createProxyMiddleware } = require('http-proxy-middleware');
修改了配置代码后即可工作。
本文介绍在Create-react-app项目中使用http-proxy-middleware解决跨域访问问题的方法,包括配置错误及其修正过程,适用于多接口跨域场景。
1585

被折叠的 条评论
为什么被折叠?



