react配置代理

方案一:package.json

直接在package.json中设置proxy属性

"proxy": "http://172.168.1.2:5000"

在修改完配置后，一定要重启react项目

// npm 启动
npm start 
// yarn启动
yarn start

方案二:src/setupProxy.js

1、在src目录下创建文件setupProxy.js文件

2、在src文件中，放入如下代码

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

module.exports = function (app) {
  app.use(createProxyMiddleware('/api', {
    target: 'http://172.168.1.2:5000',
    secure: false,
    changeOrigin: true,
    pathRewrite: {
      "^/api": "/api"
    }
  }))
}

或者

在修改完配置后，一定要重启react项目

// npm 启动
npm start 
// yarn启动
yarn start