vue-resource跨域问题

Question

项目时我练习vue做的，所以是用的第三方接口，本地测试时用代理可以解决跨域问题，如下

proxyTable: {
    '/api': {  //使用"/api"来代替"https://zapi.tourzj.com" 
    target: 'https://zapi.tourzj.com', //源地址 
    changeOrigin: true, //改变源 
    pathRewrite: { 
      '^/api': 'https://zapi.tourzj.com' //路径重写 
      }
    }
},

但是上传到自己的服务器上又出现跨域问题，百度说是定义一个全局的js，想问下，怎么定义？定义了之后难道要在每个页面引用？

Answer 1

解决了，方法如下：
定义一个变量挂载到Vue上,写法：Vue.prototype.API_PROXY = 'https://bird.ioliu.cn/v1/?url=';
然后在请求的页面url地址写法：var url = this.API_PROXY + 'http://www.xxx.com';
最后axios.get(url).then(res=>{})

Answer 2

本地做开发的时候，借助的是 webpack-dev-server 里的代理做的，但是生产构建出来的包，肯定要用 nginx 做转发，或者自己写个 node（服务端语言都行） 作为中间层都行~

Answer 3

用axios吧。官方推荐的，而且跨域问题，通常都是设置代理，或者后台设置cors实现跨域