react开发环境代理配置

最新推荐文章于 2024-05-25 06:00:00 发布

中尼、木木

最新推荐文章于 2024-05-25 06:00:00 发布

阅读量305

点赞数 1

分类专栏：前端 react 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_35728142/article/details/127329809

版权

前端同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

react

3 篇文章 0 订阅

订阅专栏

react开发环境代理配置

1.create-react-app 的版本在低于 2.0

#在 package.json 增加 proxy 配置， 配置成如下：
"proxy":{
   "/baidu/**":{
      "target":"https://www.baudi.com/list/",
      "changeOrigin": true
    }
  }

2.create-react-app 的版本高于 2.0

#在 package.json 只能配置 string 类型
"proxy": "https://www.baudi.com/list/",

3，建立 src/setupProxy.js 文件

#npm 安装 install http-proxy-middleware , (可配置多个代理)
const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  app.use(
    proxy("/api/**", {
      target: "http://127.0.0.1:9090/",
      changeOrigin: true
    })
  );
  app.use(
    proxy("/baidu/**", {
      target: "https://www.baudi.com/list/",
      changeOrigin: true
    })
  );
};