vant在拦截器中全局添加loading

接口请求时候加载loading，这里使用的vue+vant

第一种方法直接在请求文件中添加loading加载

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

import axios from 'axios'; import { Toast } from 'vant'; const instance = axios.create({     baseURL: 'xxx',     timeout: 100000,     headers: {         'Content-Type': 'application/x-www-form-urlencoded',     } });   let loading        function startLoading() {       loading = Toast.loading({         message: '加载中...',         forbidClick: true,     }) }   function endLoading() {        loading.clear() } // 添加请求拦截器 instance.interceptors.request.use(config => {     startLoading();     return config }, error => {     return Promise.reject(error) });   //响应拦截器 instance.interceptors.response.use(response => {     endLoading();     return response.data }) export default instance

　　

第二种，配合vuex来实现