在vuex 或者 全局域 加一個 鎖。

這里用全局域來做演示比較方便。實際環(huán)境中最好使用 vuex

window.tipLock = false;
service.interceptors.response.use(
  response =>{
    
    const res = response.data;
    const code = parseInt(res.code);
    var errTip = '未知錯誤';
    switch(code){
      case 20000:errTip = '';break;
      case 20003:errTip = "用戶未登錄";break;
      
      default: 
      
      break;
    }

    if(errTip){
      if(!window.tipLock){
          window.tipLock = true;
          alert(errTip + '!');
          window.tipLock = false; //這句如果是第三方的alert 則寫在回調(diào)中
      }
      if(code == 20003){
        window.location.href = "/login"
      }
      return Promise.reject(new Error(errTip));
    }

    return response;
  } ,
  error => {
    return Promise.reject(error);//處理服務(wù)器異常錯誤
  }
)

檢測到未登錄之后直接跳轉(zhuǎn)到登錄頁面，后面的請求就自動中斷了，不會再繼續(xù)請求