react配置代理

创建完新项目后再src文件夹内新增文件setupProxy.js（必须是这个文件名，）

// 此文件是创建create-react-app脚手架创建的项目,它提供一个网络代理的配置文件
// 此文件是运行在nodejs环境中,所以模块化使用commonjs
// 此文件的修改一定要重启项目
// 在此文件中实现代理,从而让开发时环境支持跨域
// 安装一个第3方模块,代理模块  http-proxy-middleware  npm i -D http-proxy-middleware

const { createProxyMiddleware: proxy } = require('http-proxy-middleware')

// express
module.exports = app => {
  app.use(
    '/api', // 遇见 /api 前缀的请求，就会触发该代理配置
    proxy(
      {
        target: 'http://localhost:9000', // 请求转发给谁
        changeOrigin: true, //控制服务器收到的响应头中Host字段的值
        pathRewrite: {
            '^/api':''//重新请求路径
        }
      }
    )
  )
}