Detaillierte Erläuterung der Beurteilung des Vue-Ressourcen-Interceptors über einen ungültigen Token-Sprung

Dieser Artikel enthält hauptsächlich ein Beispiel für einen Vue-Ressourcen-Interceptor, der einen Token-Fehlersprung beurteilt. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Globale Token-Beurteilung im Interceptor festlegen, was bedeutet, dass das Token bei jeder HTTP-Anfrage überprüft wird und der mit dem Hintergrund vereinbarte Token-Ablauf-Rückgabecode den Sprungpfad anpassen kann

var token = window.localStorage.getItem("token");
Vue.http.interceptors.push(function(request, next) {
  request.headers.set('token', token); //setting request.headers
  next(function(response){
    if(response.body.code===401){ //与后台约定登录失效的返回码
      parent.location.href ='/login.html';
    }
    return response
  })
})

Verwandte Empfehlungen:

So springen Sie zur Anmeldeseite, wenn die Ajax-Sitzung fehlschlägt

Vue implementiert die Anmeldung. Teilen von Beispielen für das Springen von der nächsten Seite zur vorherigen Seite

Detaillierte Erklärung, wie PHP entsprechend der Sprache des Benutzers zur entsprechenden Webseite springt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Beurteilung des Vue-Ressourcen-Interceptors über einen ungültigen Token-Sprung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!