L'intercepteur de ressources Vue juge l'échec et les sauts du jeton

Cet article vous apporte principalement un exemple d'intercepteur de ressources Vue jugeant le saut d'échec de jeton. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Définissez le jugement global du jeton dans l'intercepteur, ce qui signifie que le jeton sera vérifié pour chaque requête http. Le code de retour d'expiration du jeton convenu avec l'arrière-plan peut personnaliser le chemin de saut

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
  })
})

Recommandations associées :

Explication détaillée de l'en-tête de configuration de l'intercepteur de ressources vue

Vue2.0 axios Intercepteur de connexion front-end et back-end

Vue interceptor vue-resource Interceptor utilisation Explication détaillée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!