simadoudou

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

分类:

技术点:

相关文章: