加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 20:39:01 所属栏目:百科 来源:网络整理
导读:正常运行 npm run eject create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置, 配置成如下: "proxy":{ "/fans/**":{ "target":"https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/","changeOrigin": true } } create-react-
  • 正常运行 npm run eject

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

"proxy":{
   "/fans/**":{
      "target":"https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/","changeOrigin": true
    }
  }
  • create-react-app 的版本高于 2.0 版本的时候在 package.json 只能配置 string 类型, 配置成如下:
"proxy": "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",
  • 更好的配置,建立 src/setupProxy.js 文件,npm 安装 install http-proxy-middleware,配置成如下:
const proxy = require("http-proxy-middleware");
 
module.exports = function(app) {
  app.use(
    proxy("/fans/**",{
      target: "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",changeOrigin: true
    })
  );
};

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读