react新版本配置代理

新學習react

開始配置react跨域的時候

 

在網上查看到是在packjson.json裏面添加以下代碼：

1 "proxy": {
2   "/api": {
3     "target": "http://localhost:8080"
4     },
5 }

 

可是啓動項目以後報錯：

 

 後來在網上查找錯誤，發現react新版本不支持那樣設置反向代理了

 新版本作法

 安裝  http-proxy-middleware

1 npm install http-proxy-middleware --save
2 yarn add http-proxy-middleware

 

 而後建立setupProxy.js文件，在src目錄，src/setupProxy.js

 setupProxy.js這樣寫

1 module.exports = function (app) {
2     app.use(proxy('/api',{
3         target: 'http://localhost:8080',
4         changeOrigin: true,
5         pathRewrite: {
6             "^/api": "/"
7         }
8     }))
9 }