react配置代理服务器

1.方法一：在package.json中配置

proxy："http://localhost:5000"

优点：配置简单，不加任何前缀

缺点：只能配置一个代理，不能配置多个代理

前端发起请求时，先在本地8080找，如果找不到，转发给5000

2.方法二：在src目录下创建setupProxy.js文件

const proxy = require('http-proxy-middleware')
module.exports =  function(app){
    app.use(
          proxy('/api1',{ //api1是需要转发的请求（所有带有/api前缀的请求都会转发给target服务器）
          target: 'http://x.x.x.x:1001', //配置转发目标服务器地址
          changeOrigin: true, //是否隐藏本地ip，不让访问的服务器发现本地配置了代理,一般设置true
          pathRewrite: {'^/api1': ''}, //去除请求前缀/api
          })，
          proxy('/api2',{ //api2是需要转发的请求（所有带有/api前缀的请求都会转发给target服务器）
          target: 'http://x.x.x.x:1002', //配置转发目标服务器地址
          changeOrigin: true, //是否隐藏本地ip，不让访问的服务器发现本地配置了代理,一般设置true
          pathRewrite: {'^/api2': ''}, //去除请求前缀/api
          })，

    )
}

优点：配置多个代理，灵活控制是否需要代理

缺点：向跨域服务器请求资源时需要带前缀