前端跨域调试工具 http-proxy-middleware

http-proxy-middleware 这个东西非常有用， 当你后台服务器没有允许跨域时， 用它，可以让你顺滑访问任何你可要的API.

本篇主要记录下同时访问多个后台的情况，现在多用微服务，跨多个服务器地址调用是个正常情况。

代码如下：

const { proxy } = require("http-proxy-middleware");

if (process.env.NODE_ENV === "development") {
  module.exports = function (app) {
    // Dev server
    app.use(proxy('/api', {target: "http://abc:8080"}));
    // third api (report)
    app.use(proxy('/reports', {target: "http://xyz:9000"}));
    // mock servers
    app.use(proxy(["/user", "/myclients"], { target: "http://localhost:3005" }));
  };
}

refer：Set up proxy to work with multiple APIs in create react app