proxyTable解决开发环境跨域的问题

vue-cli中config/index.js参数proxyTable配置能够解决跨域问题(只适合在开发环境),通过设置proxyTable中的参数changeOrigintrue,本地就会虚拟一个服务替我们接受或转发请求,这样就不会有跨域的问题了。还能通过配置简化url,例如如果要访问的接口地址为http://test.xxx.com/api/getUserInfo,可以通过如下设置,请求url就可以用/api/getUserInfo 。其实就是匹配/api 开头的,请求时给我们加上target 配置的地址。

   proxyTable: {
      '/api': {
        target: 'http://test.xxx.com',//请求的目标地址
        changeOrigin: true,////需要虚拟主机站点 
        pathRewrite: {
          //  '^/register': '',//重写路径,一般不需要用到
        }
      },

    }

相关地址:
https://vuejs-templates.github.io/webpack/proxy.html
https://github.com/chimurai/http-proxy-middleware

猜你喜欢

转载自blog.csdn.net/blueberry_liang/article/details/80675457