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日，本人已测试，可行