vuejs axios全局封装loading加载

1、定义Loading

复制代码import { Loading} from 'element-ui';
let loading = null;
1
2

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;
});
1
2
3
4
5
6
7
8
9
10

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

复制代码axios.interceptors.response.use((response, config) => {
    loading.close();
    return response
})
1
2
3
4