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