react如何配置跨域代理

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

下面是我的目录：

.
├── App.css
├── App.js
├── App.test.js
├── componets
│   ├── Home
│       ├── Home.css
│       └── Home.jsx
│
├── index.css
├── index.js
└── setupProxy.js

2.setupProxy.js内容

const proxy = require('http-proxy-middleware');

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

如果报错就安装下依赖。

3.重启下项目就好了。