Heim  >  Artikel  >  Web-Frontend  >  Wie verwende ich Vue zum Implementieren von Interceptoren und welche Token-Verarbeitungsmethoden gibt es?

Wie verwende ich Vue zum Implementieren von Interceptoren und welche Token-Verarbeitungsmethoden gibt es?

亚连
亚连Original
2018-06-09 18:13:542708Durchsuche

Jetzt werde ich mit Ihnen einen Artikel darüber teilen, wie der Vue-Interceptor mit dem Token-Ablauf umgeht. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Ein Projekt, an dem ich kürzlich arbeite, erfordert das Hinzufügen eines Tokens zu jeder http-Anfrage, was zweifellos die Arbeitsbelastung erhöht. Die Vue-Interceptor-Interceptors können genau unsere Anforderungen erfüllen.

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

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So lösen Sie das praktische Problem der Easyui-Datums-/Zeitbox-Kompatibilität (ausführliches Tutorial)

Anleitung es in vue Implementieren Sie die Funktion zum Zuschneiden von Bildern und zum Hochladen auf den Server

Was ist der Unterschied zwischen Mutationen und Aktionen in Vuex? (Detailliertes Tutorial)

So verwenden Sie CropperJS in Vue (Detailliertes Tutorial)

In Cropper können JS über Vue Image Cropping How hochgeladen werden um die Funktion zu implementieren

So implementieren Sie die Datenübertragung, Änderung und Aktualisierung von Eltern-Kind-Komponenten in Vue (ausführliches Tutorial)

in JavaScript So ermitteln Sie den Datums- und Zeitunterschied

So implementieren Sie das gesamte Neu-Rendering, wenn Sie Daten in einer einzelnen Komponente in Vue dynamisch ändern

Wie um es in Vue zu implementieren. Kapselung wiederverwendbarer Komponenten

So verwenden Sie Slots, um Slot-Verteilungsinhalte in Vue zu implementieren

Das obige ist der detaillierte Inhalt vonWie verwende ich Vue zum Implementieren von Interceptoren und welche Token-Verarbeitungsmethoden gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn