关于Vue 消除Token过期时刷新页面的重复提示问题

created () {
    // ========================================================================
    // 获取需要的系统参数，注意：getParameterClass方法是异步加载数据的。
    // 如需要打印观察，需要通过watch来处理

    // 获取用户类型的参数类别
    this.commonFuncs.getParameterClass(this,"user_type","userTypeList","userTypeMap");

    // 获取用户状态的参数类别
    for(var i = 0; i < this.userStatusList.length; i++){
      var item = this.userStatusList[i];
      var mapKey = parseInt(item.itemKey);
      this.userStatusMap.set(mapKey, item);
    }

    // 获取性别的参数类别
    this.commonFuncs.getParameterClass(this,"gender","","genderMap");

    // 获取部门的参数类别
    this.commonFuncs.getParameterClass(this,"department","","deptMap");

    // 获取角色的参数类别
    this.commonFuncs.getParameterClass(this,"role","","roleMap");

    // 查询用户记录
    this.queryUsers();
  },

// token相关的response拦截器
instance.interceptors.response.use(response => {  
  if (response) {
    switch (response.data.code) {
      case 3: //token为空
      case 4: //token过期
      case 5: //token不正确    
        localStorage.clear();     //删除用户信息
        alert('token失效,请重新登录!');
        // 要跳转登陆页
        router.replace({
              path: '/login',
        });
        break;
      case 6: //禁止访问
        // 跳到403页面
        router.replace({
          path: '/forbidden',
        });        
        break;
      default:
        break;
    }
  }
  return response;
}, error => {
  return Promise.reject(error.response.data.message) //返回接口返回的错误信息
})

 this.instance.getParameterClass(
      this.$baseUrl, {"classKey" : classKey}
    ).then(res => {
      //console.log(res.data);
      if (res.data.code == parent.global.SucessRequstCode){
        // 如果查询成功
        // 成功的处理代码...
      }else{
        alert(res.data.message);
      }
    }).catch(error => {
      //alert('查询系统参数失败！');            
      console.log(error);
    });

alert(res.data.message);

 /**
   * 判断是否被拦截处理的返回码，返回true，表示被拦截
   * 此方法的作用是调用处，无需处理被拦截的返回码的错误提示
   * @param {请求的返回码} code 
   */
  isInterceptorCode(code){
    switch (code) {
      case 3: //token为空
      case 4: //token过期
      case 5: //token不正确    
      case 6: //禁止访问
        return true;
      default:
        break;
    }
    return false;
  }

 if (!this.commonFuncs.isInterceptorCode(res.data.code)){
          alert(res.data.message);
        }

//全局变量

export default {
  // 请求成功返回码
  SucessRequstCode:0,

  // token无效标记
  TokenInvalidFlag : 0
}

// token相关的response拦截器
instance.interceptors.response.use(response => {  
  if (response) {
    switch (response.data.code) {
      case 0: //正常
        // 复位token无效标记置
        global.TokenInvalidFlag = 0;
        break;            
      case 3: //token为空
      case 4: //token过期
      case 5: //token不正确    
        localStorage.clear();     //删除用户信息
        if (global.TokenInvalidCounter == 0){
          alert('token失效,请重新登录!');
        }
        // token无效标记置1
        global.TokenInvalidFlag = 1;
            
        // 要跳转登陆页
        router.replace({
              path: '/login',
        });
        break;
      case 6: //禁止访问
        // 跳到403页面
        router.replace({
          path: '/forbidden',
        });        
        break;
      default:
        break;
    }
  }
  return response;
}, error => {
  return Promise.reject(error.response.data.message) //返回接口返回的错误信息
})