react项目中,安装http-proxy-middleware来配置反向代理启动时,项目报错proxy is not a function。
报错文件setupProxy.js(http-proxy-middleware安装后需要在src根目录下新建setupProxy.js),配置如下
const proxy= require('http-proxy-middleware');//报错源
module.exports = function(app) {
app.use(
proxy("/api", {
target: "http://xxx.cn",
changeOrigin: true
})
);
};
报错原因:http-proxy-middleware的官方文档,已经对最新的1.0.0版本模块的引用作了明确的要求。
0.x.x版本的引用方式
const proxy = require('http-proxy-middleware');
1.0.0版本的引用方式
const { createProxyMiddleware } = require("http-proxy-middleware");
setupProxy.js 正确配置方式
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function(app) {
app.use(
createProxyMiddleware ("/api", {
target: "http://xxx.cn",
changeOrigin: true
})
);
};