13.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 }) ); };
相关文章
相关标签/搜索