一、问题描述
最近学习react,网课中老师讲解setupProxy.js文件配置跨域代理,按照老师的写法出现了问题,我才可能是http-proxy-middleware版本不一样导致的
看一下老师的写法
const proxy = require('http-proxy-middleware')
module.exports = function (app) {
app.use(
proxy('/api1', { //遇见/api1前缀的请求,就会触发该代理配置
target: 'http://localhost:5000', //请求转发给谁
changeOrigin: true,//控制服务器收到的请求头中Host的值
pathRewrite: { '^/api1': '' } //重写请求路径(必须)
}),
proxy('/api2', {
target: 'http://localhost:5001',
changeOrigin: true,
pathRewrite: { '^/api2': '' }
}),
)
}
我启动项目之后页面渲染不出来,控制台给了这样的提示
二、问题解决
我去npm官网看了一下http-proxy-middleware,发现稍微有所不同,看一下官网最新的描述
我们注意我画的红色框子
现在用的是createProxyMiddleware,所以应该按照下面这么写就没有问题了