Vue-axios的使用步骤:
1使用 npm:
$ npm install axios
axios 跨域设置
在项目config/index.js 找到 proxyTable{}
在proxyTable{}里添加
‘/zhihu’: { //可自定义
target: ‘https://www.zhihu.com’, // 接口域名 跨域请求
changeOrigin: true, //是否跨域
pathRewrite: {
‘^/zhihu’: ‘’ //需要rewrite重写的,
}
proxyTable: {//代理
'/zhihu': {
target: 'https://www.zhihu.com', // 接口域名 跨域请求
changeOrigin: true, //是否跨域
pathRewrite: {
'^/zhihu': '' //需要rewrite重写的,
}
}
},
在请求的组件里写接口连接
this.$axios.get('zhihu/api/v4/search/top_search'
等同于
this.$axios.get('https://www.zhihu.com/api/v4/search/top_search'
然后重新编译项目
npm run dev