HLJ 发布于
2018-08-17 11:24:49

vue axios的拦截请求与响应方法

vue axios的拦截请求与响应方法
比如发送请求显示loading,请求回来loading消失之类的
main.js:
import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import Loading from './components/Loading'
import stores from './store/store.js'

// 请求拦截(配置发送请求的信息)
axios.interceptors.request.use(function (config){
    // 处理请求之前的配置
    return config;
}, function (error){
    // 请求失败的处理
    return Promise.reject(error);
});
 
// 响应拦截(配置请求回来的信息)
axios.interceptors.response.use(function (response){
    // 处理响应数据
    return response;
}, function (error){
    // 处理响应失败
    return Promise.reject(error);
});
Vue.prototype.$http = axios //其他组件页面在使用axios的时候直接 this.$http就可以了
当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2018-08-17/113.html
最后生成于 2023-06-18 18:37:17
此内容有帮助 ?
0