react中配置请求代理

首先，使用npm或yarn安装http-proxy-middleware

$ npm install http-proxy-middleware --save
$ # 或
$ yarn add http-proxy-middleware

然后，在src文件夹下新建一个setupProxy.js，引用http-proxy-middleware后即可配置代理

const proxy = require('http-proxy-middleware');
module.exports = function (app) {
  app.use(
      '/api/',
      proxy({
          target : 'http://localhost:8080/',
          changeOrigin : true
      })
  );
};

补充：由于http-proxy-middleware版本不同，如果出现 proxy is not a function报错请使用下面的配置方式：

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

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