原版文件
const proxy = require('http-proxy-middleware')module.exports = function (app) {app.use(// 不能遇到什么东西都走代理proxy('/api1', { //遇见/api1前缀的请求,就会触发该代理配置target: 'http://localhost:5000', //请求转发给谁changeOrigin: true,//控制服务器收到的请求头中Host的值pathRewrite: { '^/api1': '' } //重写请求路径(必须)}), )
}
浏览器报错
报错处理
- 原因: react版本更新之后,代理的编写方式需要改变;需要解构出; createProxyMiddleware
- 参考代码:
const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function(app){app.use(createProxyMiddleware('/api1',{ //遇见/api1前缀的请求,就会触发该代理配置target:'http://localhost:5000', //请求转发给谁changeOrigin:true,//控制服务器收到的请求头中Host的值pathRewrite:{'^/api1':''} //重写请求路径(必须)}))
}
PS
在使用http-proxy-middleware之前首先要在控制台安装
npm i http-proxy-middleware