vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文）

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 19:32:52

vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文）

vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文）:這篇文章給大家介紹的文章內(nèi)容是關(guān)于vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文），有很好的參考價值，希望可以幫助到有需要的朋友。vue到后面版本增加router.addRoutes的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖流程重點：在于跳轉(zhuǎn)頁面的時候有沒有動態(tài)路由流

推薦度：

點擊下載本文 文檔為doc格式

導讀vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文）:這篇文章給大家介紹的文章內(nèi)容是關(guān)于vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文），有很好的參考價值，希望可以幫助到有需要的朋友。vue到后面版本增加router.addRoutes的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖流程重點：在于跳轉(zhuǎn)頁面的時候有沒有動態(tài)路由流

這篇文章給大家介紹的文章內(nèi)容是關(guān)于vue中權(quán)限控制動態(tài)路由的創(chuàng)建流程（圖文），有很好的參考價值，希望可以幫助到有需要的朋友。

vue到后面版本增加router.addRoutes的函數(shù)，使得可以創(chuàng)建路由表，先上流程圖

流程重點：在于跳轉(zhuǎn)頁面的時候有沒有動態(tài)路由
流程解說：

進入網(wǎng)頁的時候，首先創(chuàng)建一部分靜態(tài)路由表，這份靜態(tài)路由表里面包含登錄頁面，這是保證輸入url的時候有頁面可以訪問
登錄后，從服務器拉取登錄用戶的訪問權(quán)限的列表，保存到sessionstorage
在 router.beforeEach鉤子函數(shù)里面判斷有沒有動態(tài)路由表（此函數(shù)是路由跳轉(zhuǎn)前運行的函數(shù)）
在鉤子函數(shù)里面判斷有沒有動態(tài)路由表，有就進行頁面跳轉(zhuǎn)，沒有就創(chuàng)建動態(tài)路由表
假如sessionstorage里面沒有存路由信息，則跳轉(zhuǎn)回登錄頁面重新登錄獲取路由信息

重點解說：