create-react-app 構建的項目使用代理 proxy

1.首先進入項目運行 npm run eject 展開詳細代碼(只可使用一次,展開後不可恢復)react

2.create-react-app 的版本在低於 2.0 的時候能夠在 package.json 增長 proxy 配置, 配置成以下:npm

"proxy":{
    "/api/**":{
        "target":"https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",   //須要代理的地址
       "changeOrigin": true
    }
}

3.create-react-app 的版本高於 2.0 版本的時候在 package.json 只能配置 string 類型, 配置成以下:json

"proxy": "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",

4.更好的配置,創建 src/setupProxy.js 文件,npm 安裝 install http-proxy-middleware , 配置成以下:(可配置多個代理)api

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("/api/", {
            target: "https://easy-mock.com/mock/5c0f31837214cf627b8d43f0/",
            changeOrigin: true
        })
    );
};
相關文章
相關標籤/搜索