react如何设置代理？

react代理设置：

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

方法一：在package.json文件中添加一个参数

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

方法二：1.先下载代理包，npm ihttp-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日，本人已测试，可行