vue axios 响应拦截 token失效导致出现多个提示框的

// 响应拦截器let isToken=falserequest.interceptors.response.use((res)=>{// 没错误返回200错误·拦截if (res.data.code ===200) {return res;}else if (res.data.code === 404){router.push('/login')}else if(res.data.code

攻^城^狮

1405人浏览 · 2022-04-09 11:46:38

攻^城^狮 · 2022-04-09 11:46:38 发布

// 响应拦截器 
let isToken=false
request.interceptors.response.use((res)=>{  
    // 没错误返回200  错误·拦截  
    if (res.data.code ===200) {
        return res;
    }else if (res.data.code === 404){
        router.push('/login')
    }else if(res.data.code === 10020){
        // 防止失效导致出现多个提示框的解决办法
        if(!isToken){
            isToken=true
            window.localStorage.removeItem('user')
            router.push('/login')   
            setTimeout(()=>{
                isToken=false
            },2000)
            return Message.warning(res.data.message)&&Promise.reject(res.data.message); 
        } 
    } 
},)