码迷,mamicode.com
首页 > 移动开发 > 详细

create-react-app 构建的项目使用代理 proxy

时间:2019-04-06 09:41:16      阅读:674      评论:0      收藏:0      [点我收藏+]

标签:ack   hang   change   module   set   run   creat   tps   pac   

1.首先进入项目运行 npm run eject 展开详细代码(只可以使用一次,展开后不可恢复)

2.create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置, 配置成如下:

"proxy":{
    "/api/**":{
        "target":"https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",   //需要代理的地址
       "changeOrigin": true
    }
}

3.create-react-app 的版本高于 2.0 版本的时候在 package.json 只能配置 string 类型, 配置成如下:

"proxy": "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",

4.更好的配置,建立 src/setupProxy.js 文件,npm 安装 install http-proxy-middleware , 配置成如下:(可配置多个代理)

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
    app.use(
        proxy("/base/", {
            target: "http://45.32.15.21:8090/",
            changeOrigin: true
        })
    );
    app.use(
        proxy("/api/", {
            target: "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",
            changeOrigin: true
        })
    );
};

 

create-react-app 构建的项目使用代理 proxy

标签:ack   hang   change   module   set   run   creat   tps   pac   

原文地址:https://www.cnblogs.com/lanshu123/p/10660548.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!