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

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

1. 進(jìn)入網(wǎng)頁的時候，首先創(chuàng)建一部分靜態(tài)路由表，這份靜態(tài)路由表里面包含登錄頁面，這是保證輸入url的時候有頁面可以訪問

2. 登錄后，從服務(wù)器拉取登錄用戶的訪問權(quán)限的列表，保存到sessionstorage

3. 在 router.beforeEach鉤子函數(shù)里面 判斷有沒有 動態(tài)路由表（此函數(shù)是路由跳轉(zhuǎn)前運(yùn)行的函數(shù)）

4. 在鉤子函數(shù)里面判斷有沒有動態(tài)路由表，有就進(jìn)行頁面跳轉(zhuǎn)，沒有就創(chuàng)建動態(tài)路由表

5. 假如sessionstorage里面沒有存路由信息，則跳轉(zhuǎn)回登錄頁面重新登錄獲取路由信息

重點(diǎn)解說：

1. 從服務(wù)器拉取角色的路由表，本地存一份總路由表，在跟服務(wù)器拉取的路由表進(jìn)行篩選，最后保存篩選過后的到sessionstorage

2. 頁面每次跳轉(zhuǎn)的時候，判斷有沒有動態(tài)路由表，沒有的話去新建路由表

源碼：

相關(guān)文章推薦：

vue指令與$nextTick操作DOM有什么區(qū)別?

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com