トークンの有効期限が切れたときにページを更新するときに繰り返しプロンプトが表示されないようにする Vue について

作成された（）{
    //= ...
    // 必要なシステム パラメータを取得します。注: 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();
  },

// トークン関連のレスポンスインターセプターinstance.interceptors.response.use(response => {  
  if (応答) {
    スイッチ (response.data.code) {
      ケース 3: //トークンが空 ケース 4: //トークンの有効期限が切れている ケース 5: //トークンが正しくない localStorage.clear(); //ユーザー情報を削除 alert('トークンが無効です。もう一度ログインしてください!');
        // ログインページにジャンプするには router.replace({
              パス: '/login',
        });
        壊す;
      ケース 6: //アクセスが拒否されました// 403 ページにジャンプ router.replace({
          パス: '/forbidden',
        });        
        壊す;
      デフォルト：
        壊す;
    }
  }
  応答を返します。
}, エラー => {
  return Promise.reject(error.response.data.message) //インターフェースから返されたエラーメッセージを返します})

 this.instance.getParameterClass() は、
      this.$baseUrl、{"classKey" : classKey}
    ).then(res => {
      // コンソールログ(res.data);
      res.data.code == parent.global.SucessRequstCode の場合{
        // クエリが成功した場合 // 成功コード...
      }それ以外{
        アラート(res.data.message);
      }
    }).catch(エラー => {
      //alert('システムパラメータのクエリに失敗しました!');            
      コンソール.log(エラー);
    });

アラート(res.data.message);

 /**
   * リクエストの戻りコードがインターセプトされているかどうかを判定します。リクエストがインターセプトされていることを示すには true を返します。 * このメソッドは呼び出し側で使用されます。インターセプトされた戻りコードのエラー メッセージを処理する必要はありません。 * @param {request return code} code 
   */
  isInterceptorCode(コード){
    スイッチ（コード）{
      ケース 3: //トークンが空です ケース 4: //トークンの有効期限が切れています ケース 5: //トークンが正しくありません ケース 6: //アクセスが禁止されています true を返します。
      デフォルト：
        壊す;
    }
    false を返します。
  }

 if (!this.commonFuncs.isInterceptorCode(res.data.code)){
          アラート(res.data.message);
        }

//グローバル変数エクスポートデフォルト{
  // リクエスト成功の戻りコード SucessRequstCode: 0,

  // トークン無効フラグ TokenInvalidFlag: 0
}

// トークン関連のレスポンスインターセプターinstance.interceptors.response.use(response => {  
  if (応答) {
    スイッチ (response.data.code) {
      case 0: //Normal// トークン無効フラグをリセットします。global.TokenInvalidFlag = 0 に設定します。
        壊す;            
      ケース 3: //トークンが空 ケース 4: //トークンが期限切れ ケース 5: //トークンが正しくない localStorage.clear(); //ユーザー情報を削除する if (global.TokenInvalidCounter == 0){
          alert('トークンの有効期限が切れています。もう一度ログインしてください!');
        }
        // トークン無効フラグを1に設定する
        グローバル.TokenInvalidFlag = 1;
            
        // ログインページにジャンプするには router.replace({
              パス: '/login',
        });
        壊す;
      ケース 6: //アクセスが拒否されました// 403 ページにジャンプ router.replace({
          パス: '/forbidden',
        });        
        壊す;
      デフォルト：
        壊す;
    }
  }
  応答を返します。
}, エラー => {
  return Promise.reject(error.response.data.message) //インターフェースから返されたエラーメッセージを返します})