在Vue2.0中的路由鉤子主要是用來攔截導航，讓它完成跳轉或前取消，可以理解為路由守衛。
分為全局導航鉤子，單個路由獨享的鉤子，組件內鉤子。
三種 類型的鉤子只是用的地方不一樣，都接受一個函數作為參數，函數傳入三個參數，分別為to,from,next。
其中next有三個方法
(1)next(); //默認路由
(2)next(false); //阻止路由跳轉
(3)next({path:'/'}); //阻止默認路由，跳轉到指定路徑
這里我使用了組件內鉤子進行判斷token過期后跳轉到登錄頁，其他兩種鉤子可以去官網查看。
//路由前驗證 beforeRouteEnter(to, from, next) { let postdata = { meta: { client_version: "1.0", client_type: "1", }, data: { access_token: $.cookie("authtoken").toString() } } $.ajax({ url: urls.serchuser, type: 'POST', data: JSON.stringify(postdata) }).done(data => { data = JSON.parse(data); console.log(data); if(data.status == 10050) { next(false); location.href = 'login.html'; }else{ next(); } }) }實現方法很簡單，在路由前向服務器發送請求，如果返回的數據表明token過期則阻止默認跳轉，否則就正常跳轉。
以上這篇Vue利用路由鉤子token過期后跳轉到登錄頁的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
