Vue跨域

 

1、打开config/index.js,在proxyTable中添写如下代码：

 

proxyTable: {

  '/api': {  //使用"/api"来代替"http://baidu.com"

    target: 'http://baidu.com', //源地址

    changeOrigin: true, //改变源

    pathRewrite: {

      '^/api': 'http://baidu.com' //路径重写

      }

  }

}

2、获取摆渡的信息

 

getData () {

 axios.get('/api/xxxxxxx', function (res) {

   console.log(res)

 })

 

打包部署时还按这种方法会出问题

 

let serverUrl = '/api/'  //本地调试时

// let serverUrl = 'http://baidu.com/'  //打包部署上线时

export default {

  dataUrl: serverUrl + 'xxxxxxxx'

}

调试时定义一个serverUrl来替换我们的“/api”，最后打包时，只需要将“http://www.xxx.com”替换这个“/api”就可以了。