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