React跨域正向、反向代理

React跨域正向、反向代理
正向代理（开发环境）：一个位于客户端和目标服务端之间的代理服务器，为了获取目标服务器的内容，客户端向代理服务器发送一个请求，由代理服务器帮助客户端到代理服务器获取数据
1.在node_modules/react-scripts/config/webpackDevServer.config.js中进行配置
2.webpackDevServer.config.js中找到proxy，代码改为：

 proxy:{
      // 这里的‘/api’是需要代理的路径字段
      '/api':{
          target:'http://www.weather.com.cn/data/cityinfo',
          changeOrigin:true,  // 设置为true ，发送请求的host会设置为这里的target
          "pathRewrite":{
            '^/api':'/'
          }
      }
    },

3.配置完后 需重启项目。

反向代理（上线环境）：可以通过代理服务器接收网络上的请求连接，然后由代理服务器向内部网络服务器进行转发，并把服务器上得到的数据返回给发送请求的客户端