Vue2的代理配置记录

可能导致代理配置失效的情况

如果在你的vue.config.js里的devServer-proxy中配置了多个代理配置，请注意，webpack对于匹配代理规则配置是有先后顺序的，类似于switch，所以如果你发现你的代理不起效，是有可能以及被位于前面的规则匹配以至于没有进入后面你希望进入的配置。

另外加入如下配置可以在你启动项目的终端处看到代理后指向是否正确。

onProxyRes: (proxyRes, req, res) => {
  const realUrl = process.env.BASEURL + req.url || '' // 真实请求网址
  console.log('[HPM] %s %s %s %s', req.method, req.originalUrl, '->', req.url) // 在终端显示
  proxyRes.headers['A-Real-Url'] = realUrl // 添加响应标头(A-Real-Url为自定义命名)，在浏览器中显示
}

,