react如何設置代理

react代理設置：

以需要代理的服務器地址https://127.0.0.1:8888為例

方法一：在package.json文件中添加一個參數

"proxy": "http://127.0.0.1:8888",

 

方法二：1.先下載代理包， npm i  http-proxy-middleware -d

2.在src中新建文件夾，命名為setupProxy.js

3.導入包： const { createProxyMiddleware } = require('http-proxy-middleware')

//由於http-proxy-middleware更新，網上的const proxy= require('http-proxy-middleware')已經不可以用了，換成了const { createProxyMiddleware } 

下面加代碼：

module.exports = function (app) {

    // app.use("/api",

    //     createProxyMiddleware({

    //         target: 'http://127.0.0.1:8888',

    //         changeOrigin: true,

    //         pathRewrite: {

    //             "^/api": ""

    //         }

    //     })

    // )

}

后面請求就是

axios.get(/api/XXXX)

/api就是把你要代理的地址添加在/api/XXXX前面，然后把/api替換為""，就變成了http://127.0.0.1:8888/XXXX

 

2020年4月24日，本人已測試，可行