Vue开发环境下调用接口跨域问题

需在工程目录config/index.js内对proxyTable项进行如下配置:

proxyTable: {
      '/api': {
        target: 'http://xxxxxx.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
配置完成后再调接口时如:'http://xxxxxx.com/login'可以简写成'/api/login',本地会虚拟化一个服务器帮你把这个请求代发给后台,从而避免跨域问题。

参考文章:

https://vuejs-templates.github.io/webpack/proxy.html

http://aisin.me/javascript/vue-cli-proxy-table/

http://www.jianshu.com/p/95b2caf7e0da

http://blog.csdn.net/u012369271/article/details/72848102

你可能感兴趣的:(vue跨域)