react使用proxy代理配置

proxy，默認為NULL，類型為URL，一個為了發送http請求的代理

在package.json文件中使用proxy配置可以解決跨域問題

使用注意事項：

create-react-app腳手架低於2.0版本時候，可以使用對象類型

"proxy":{
   "/api/**":{
      "target":"http://m.kugo.com",
      "changeOrigin": true
    }
}

最新的create-react-app腳手架2.0版本以上只能配置string類型

"proxy": "http://m.kugo.com",

最好的方式可以通過middleware中間件進行配置（可以配置多個代理）

先安裝下，install http-proxy-middleware

const proxy = require("http-proxy-middleware");
 
module.exports = function(app) {
  app.use(
    proxy("/api/**", {
      target: "http://m.kugo.com/json=true",//跨域地址
      changeOrigin: true
    })
  );
};

 

參考：https://www.cnblogs.com/zhourongcode/p/10104366.html