Über Vue, um wiederholte Eingabeaufforderungen beim Aktualisieren der Seite nach Ablauf des Tokens zu vermeiden

erstellt () {
    //= ...
    // Die erforderlichen Systemparameter abrufen. Hinweis: Die Methode getParameterClass lädt Daten asynchron.
    // Wenn Sie Beobachtungen ausdrucken müssen, müssen Sie sie über die Überwachung verarbeiten. // Rufen Sie die Parameterkategorie des Benutzertyps ab. this.commonFuncs.getParameterClass(this,"user_type","userTypeList","userTypeMap");

    // Holen Sie sich die Parameterkategorie des Benutzerstatus für (var i = 0; i < this.userStatusList.length; i++) {
      var item = diese.userStatusList[i];
      var mapKey = parseInt(item.itemKey);
      dies.userStatusMap.set(mapKey, item);
    }

    // Holen Sie sich die Parameterklasse des Geschlechts this.commonFuncs.getParameterClass(this,"gender","","genderMap");

    // Parameterklasse der Abteilung abrufen this.commonFuncs.getParameterClass(this,"department","","deptMap");

    // Parameterkategorie der Rolle abrufen this.commonFuncs.getParameterClass(this,"role","","roleMap");

    // Benutzerdatensätze abfragen this.queryUsers();
  },

// Token-bezogener Antwort-Interceptor instance.interceptors.response.use(response => {  
  wenn (Antwort) {
    Schalter (Antwort.Daten.Code) {
      Fall 3: //Token ist leer Fall 4: //Token abgelaufen Fall 5: //Token ist falsch localStorage.clear(); //Benutzerinformationen löschen alert('Token ist ungültig, bitte melden Sie sich erneut an!');
        // Um ​​zur Anmeldeseite zu springen router.replace({
              Pfad: '/login',
        });
        brechen;
      Fall 6: //Zugriff verweigert// Zur Seite 403 springen router.replace({
          Pfad: '/verboten',
        });        
        brechen;
      Standard:
        brechen;
    }
  }
  Antwort zurückgeben;
}, Fehler => {
  return Promise.reject(error.response.data.message) //Gibt die von der Schnittstelle zurückgegebene Fehlermeldung zurück})

 diese.Instanz.getParameterClass(
      dies.$baseUrl, {"Klassenschlüssel" : Klassenschlüssel}
    ).dann(res => {
      //Konsole.log(res.data);
      wenn (res.data.code == parent.global.SucessRequstCode){
        // Wenn die Abfrage erfolgreich ist // Erfolgscode...
      }anders{
        Alarm (res.data.message);
      }
    }).fangen(Fehler => {
      //alarm('Abfrage der Systemparameter fehlgeschlagen!');            
      konsole.log(Fehler);
    });

Alarm (res.data.message);

 /**
   * Bestimmen Sie, ob der Rückgabecode der Anforderung abgefangen wurde. Gibt true zurück, um anzuzeigen, dass die Anforderung abgefangen wurde. * Diese Methode wird auf der aufrufenden Site verwendet. Die Fehlermeldung des abgefangenen Rückgabecodes muss nicht verarbeitet werden. * @param {Rückgabecode der Anforderung} Code 
   */
  istInterceptorCode(code){
    Schalter (Code) {
      Fall 3: //Token ist leer. Fall 4: //Token abgelaufen. Fall 5: //Token ist falsch. Fall 6: //Zugriff verboten. return true;
      Standard:
        brechen;
    }
    gibt false zurück;
  }

 wenn (!this.commonFuncs.isInterceptorCode(res.data.code)){
          Alarm (res.data.message);
        }

//globale Variable export default {
  // Rückgabewert für erfolgreiche Anfrage SucessRequstCode: 0,

  // Token ungültiges Flag TokenInvalidFlag: 0
}

// Token-bezogener Antwort-Interceptor instance.interceptors.response.use(response => {  
  wenn (Antwort) {
    Schalter (Antwort.Daten.Code) {
      Fall 0: //Normal// Token-Ungültigkeitsflag zurücksetzen Setze global.TokenInvalidFlag = 0;
        brechen;            
      Fall 3: //Token ist leer Fall 4: //Token abgelaufen Fall 5: //Token ist falsch localStorage.clear(); //Benutzerinformationen löschen if (global.TokenInvalidCounter == 0){
          alert('Token abgelaufen, bitte erneut anmelden!');
        }
        //Setze das Token-Ungültigkeitsflag auf 1
        global.TokenInvalidFlag = 1;
            
        // Um ​​zur Anmeldeseite zu springen router.replace({
              Pfad: '/login',
        });
        brechen;
      Fall 6: //Zugriff verweigert// Zur Seite 403 springen router.replace({
          Pfad: '/verboten',
        });        
        brechen;
      Standard:
        brechen;
    }
  }
  Antwort zurückgeben;
}, Fehler => {
  return Promise.reject(error.response.data.message) //Gibt die von der Schnittstelle zurückgegebene Fehlermeldung zurück})