程序员的资源宝库

网站首页 > gitee 正文

vant在拦截器中全局添加loading

sanyeah 2024-03-30 12:56:44 gitee 11 ℃ 0 评论

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

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

 

 

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表