React代理Proxy设置

方式一

项目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',{ //遇见/api1前缀的请求，就会触发该代理配置
          target:'http://localhost:5001',//请求转发给谁
          changeOrigin: true,	//控制服务器收到的请求头中Host的值
          pathRewrite:{'^/api2':''} //重写请求路径(必须) 正则替换
        
        }),
    )
}

方式二

package.json 添加如下代码

"proxy":"http://localhost:5000"