methods: {
// 获取数据
get_data(){
// 先看一下 axios 是否已经挂载到 vue实例上也就是 this上
console.dir(this.axios)//可以看到 上面有get post 等方法
this.axios.get(" ").then(res=>{
// 成功回调
// res 就是返回结果
console.log(res)
}).catch(err=>{
// 错误回调
})
}
},
mounted(){
// 页面渲染完成时自动执行的方法
// 在这里面调用一下 get_data
this.get_data()
}
main,js
// let base_url = "http://qiniu.gek6.com"
// let base_url = "http://baidu.com"
// 在这去配置一下 拦截器
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
// 请求之前 拿到 url 然后拼接上咱提前设置的base_url
// config.url = base_url+config.url;
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
// 对响应数据做点什么
// 刚刚的相应数据 外面包了一层 axios的请求状态，在这里给他去掉
// 这里的 response 跟刚刚请求的 res是一个东西
// if(response.status==200){
// return response.data;
// }
// return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});
