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

  1. 正常运行 npm run eject
  2. create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置, 配置成如下:
    “proxy”:{
    “/fans/**”:{
    “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("/fans/
", {
target: “https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/”,
changeOrigin: true
})
);
};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值