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

react使用proxy代理配置

相关推荐