vue路由守衛(wèi)


講解??權(quán)限

所謂路由守衛(wèi)就是頁面跳轉(zhuǎn)時觸發(fā)的鉤子函數(shù),我們稱之為路由守衛(wèi),vue一共給我們提供了三種路由守衛(wèi),分別是全局路由守衛(wèi),組件內(nèi)路由守衛(wèi),路由獨享守衛(wèi),路由獨享守衛(wèi)是寫在路由中的,這三種路由守衛(wèi)都會有beforeEach,beforeResolve,afterEach三個鉤子函數(shù),分別表示跳轉(zhuǎn)前,進入的時候,進入路由后觸發(fā)的鉤子函數(shù),這三個鉤子函數(shù)都有一個回調(diào)函數(shù),里面有三個參數(shù),分別為to,from,next分別表示將要進入的路由,離開之前的路由,下一個要進入的路由。

在項目中我們一般使用路由來實現(xiàn)頁面的鑒權(quán),比如,當用戶登陸之后,我們可以把后臺返回的token或者用戶的一些信息存入本地存儲或vuex中,當用戶跳轉(zhuǎn)頁面時,我們會在路由中判斷本地是否存有token,如果有token則使用next方法讓用戶跳轉(zhuǎn)到相應(yīng)的頁面,沒有則使用next方法讓用戶返回到登錄頁

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 路由守衛(wèi)是什么? 官方解釋:“導(dǎo)航”表示路由正在發(fā)生改變。正如其名,vue-router提供的導(dǎo)航守衛(wèi)主要用來通過...
    dingFY閱讀 1,571評論 0 2
  • 一、全局路由守衛(wèi) 全局前置守衛(wèi) next():回調(diào)函數(shù)參數(shù)配置next(false):中斷當前的導(dǎo)航。如果瀏覽器的...
    wjing靜閱讀 316評論 0 0
  • Vue中的路由守衛(wèi) 類別: 1. 全局守衛(wèi) 2. 組件內(nèi)守衛(wèi) 3. 路由獨享守衛(wèi) 一、全局守衛(wèi): 1.概念:...
    歡樂馬_0d6a閱讀 563評論 0 0
  • 參考文獻 vue中文文檔 : https://cn.vuejs.org/ 本地環(huán)境安裝路由插件vue-rout...
    曉丶生閱讀 51,399評論 0 13
  • 1. 路由守衛(wèi)(導(dǎo)航鉤子函數(shù)) 1.1 beforeEach: 全局前置守衛(wèi) 1.2 beforeEnter...
    淺憶_0810閱讀 1,352評論 0 1

友情鏈接更多精彩內(nèi)容