首先输入命令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)
})
}
这样就可以进行跨域了