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
})
);
};