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.重啓下項目就好了。