（axios拦截器）跳转页面时，加载框的显示与消失

在一个文件中创建axios路由拦截

import	 axios from 'axiso'
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    return response;
  }, function (error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    return Promise.reject(error);
  });

然后从vant中导入需要的效果显示

import { showLoadingToast ,closeToast} from 'vant';

import axios from 'axios'
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    
showLoadingToast({
    message: '加载中...',
    forbidClick: true,
  });
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    closeToast()
    return response;
  }, function (error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    closeToast()

    return Promise.reject(error);
  });