react项目设置代理(proxy)

  • 安装http-proxy-middleware

npm install http-proxy-middleware

  • 在src下建立setupProxy.js文件
const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  app.use(
    proxy("/api", {
      target: <代理地址>,
      changeOrigin: true, // needed for virtual hosted sites
      ws: true, // proxy websockets
      pathRewrite: {
        "^/api": ""
      }
    })
  );
};

重启服务,如果后端服务为Https,使用 HTTPS=true npm start 启动

官网说明-proxying-api-requests-in-development

你可能感兴趣的:(一些小问题,前端,react,proxy)