http-proxy-middleware 配置

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/A_one2010/article/details/81077874

在前端开发过程中，往往会碰到跨域问题，前后端api调用的时候走不通，浏览器提醒你 无权限，那么怎么办。http-proxy-middleware提供了很好的跨域解决问题，可以让开发过程变得简洁。

首先引入 http-proxy-middleware     

var proxyMiddleware = require("http-proxy-middleware");

构造代理对象

app.use(proxyMiddleware(
    "/market",
    {
      target:  "http://10.78.8.136:81",
      changeOrigin: true,
      pathRewrite: {
        "^/market": "/market"
      }
    }
))

某个接口路径为  http://localhost:8080/market/login 

此处： 接口中的以 /market   会被替换为 / market      并且代理路径为 http://10.78.8.136:81/market/login

pathRewrite：{ “^/market”:"/ "}   则接口中会被替换为 /  代理的路径为  http:// 10.78.8.136:81/login

参考文章： https://www.jianshu.com/p/a248b146c55a

包官网：https://github.com/chimurai/http-proxy-middleware