vue-cli自带的proxytable+axios解决跨域问题

vue的axios可以实现本地的数据请求,如果需要跨域,需要用到proxytable来进行配置。

1.先安装axios

npm install axios --save-dev

2.main.js //在main.js中引入axios以及挂载到vue的原型上,这样就可以this.$ajax来进行请求

import axios from 'axios'
Vue.prototype.$ajax = axios

3.config/index.js

proxyTable: {
    '/api': { //代理别名
        target: 'http://m.breadtrip.com/api/v2/index/', //代理地址
        changeOrigin: true, //跨域
        pathRewrite: {
            '^/api': '' //重写路由
        }
    },

4.请求数据

this.$ajax({
      url:'/api' //http://m.breadtrip.com/api/v2/index/api
  }).then(res => {
     console.log(res)
})

5.请求到的数据