vuejs axios全局封装loading加载

1、定义Loading

import { Loading} from 'element-ui';
let loading = null;

2、请求之前拦截中启动loading

axios.interceptors.request.use(config => {
    //全局加载，请求之前发送loading
    loading = Loading.service({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
    });
    return config;
});

3、响应拦截器即异常处理中关闭loading

axios.interceptors.response.use((response, config) => {
    loading.close();
    return response
})

以上是编程学习网小编为您介绍的“vuejs axios全局封装loading加载”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。