Comment utiliser Vue pour implémenter des intercepteurs et quelles sont les méthodes de traitement des jetons ?

Ci-dessous, je partagerai avec vous un article sur la façon dont l'intercepteur Vue gère l'expiration des jetons, qui a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Un projet sur lequel je travaille récemment nécessite d'ajouter un jeton à chaque requête http, ce qui augmente sans aucun doute la charge de travail. Les intercepteurs vue interceptor peuvent exactement résoudre nos besoins.

Vue.http.interceptors.push(function (request, next) {//拦截器设置请求token

 // sessionStorage.getItem("tokenUrl");
 request.headers.set('token', sessionStorage.getItem("tokenVal"));
 if (request.url.indexOf(url) === -1) {
 request.url = url + request.url;
 }
 // continue to next interceptor
 next(function (response) {
 // ..if(response.body.code=="失败码")
{
parent.location.href="登录页面路径" rel="external nofollow" ;
}.
 // 请求发送后的处理逻辑
 // ...
 // 根据请求的状态，response参数会返回给successCallback或errorCallback
 return response
 });
});

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment résoudre le problème pratique de la boîte de date et heure easyui, c'est-à-dire la compatibilité (tutoriel détaillé)

Comment faire it in vue Implémenter la fonction de recadrage des images et de les télécharger sur le serveur

Quelle est la différence entre les mutations et les actions dans Vuex ? (Tutoriel détaillé)

Comment utiliser cropperjs dans vue (Tutoriel détaillé)

Dans cropper, js peut être téléchargé via le recadrage d'image vue Comment pour implémenter la fonction

Comment implémenter le transfert de données, la modification et la mise à jour des composants parent-enfant dans Vue (tutoriel détaillé)

en JavaScript Comment déterminer la différence de date et d'heure

Comment implémenter tous les rendus lors de la modification dynamique des données dans un seul composant dans vue

Comment pour l'implémenter dans vue Encapsuler des composants réutilisables

Comment utiliser les slots pour implémenter le contenu de distribution de slots dans Vue

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!