react配置代理react代理配置
方法一:
在packge.json中新增一行代理
"proxy":"http://localhost:5000" 如图:二:在src下新增配置文件 setupProxy.js
配置文件内容为
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':''} }) ) }如图