【VUE】一个简单常用的proxyTable配置

一个简单常用的proxyTable配置

// 配置改动后需要重启生效 （运行npm run dev）
proxyTable: {

  // 所有 /api请求的路由会走这个代理
  '/api': {
    changeOrigin: true, //跨域
    target: 'http://172.16.0.107:1338'
  },

  // 所有 /ywapi请求的路由会走这个代理
  '/ywapi': {
    changeOrigin: true,
    target: 'http://127.0.0.1:7001',
    //重写路径
    pathRewrite: {
      '^/api': '/abc/xxx' //例如 /api/getuser或被重写为 /abc/xxx/getuser
    },
    onProxyReq: function (proxyReq, req, res) {
      //实在不知道代理后的路径，可以在这里打印出出来看看
      console.log("原路径：" + req.originalUrl, "代理路径：" + req.path)
    }
  }
},

因为vue-cli 用了webpac-dev-server工具，而该工具又引用了http-proxy-middleware中间件，所以更多详细可以参考：
https://www.npmjs.com/package/http-proxy-middleware