vue-cli axios跨域问题

首先输入命令vue init webpack + 项目名称 构建初始化vue-cli项目 

npm i axios  在main.js文件中配置

import axios from 'axios'

Vue.prototype.$axios = axios

然后  在config index.js文件中配置 以 豆瓣的接口为例

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {

'/api': { //

target: 'http://api.douban.com/',

changeOrigin: true,

pathRewrite: {

'^/api': ''

}

}

// 其中 '/api'

// 为匹配项， target 为被请求的地址

// 因为在 ajax 的 url 中加了前缀 '/api'，

// 而原本的接口是没有这个前缀的

// 所以需要通过 pathRewrite 来重写地址， 将前缀 '/api'

// 转为 '/'

// 如果本身的接口地址就有 '/api'

// 这种通用前缀， 就可以把 pathRewrite 删掉

},

然后在需要跨域的请求中

getky() {

this.$axios.get('/api/v2/movie/top250').then( res=> {

console.log(res)

})

}

这样就可以进行跨域了