Vue實現Hoc控制路由權限的方式

時間 2019-11-08

標籤 vue 實現 hoc 控制路由權限方式欄目系統網絡简体版

原文原文鏈接

下面這個栗子：分爲user，admin，superadmin 三個權限vue

實現效果：user能夠切換到about頁面， admin和superadmin沒法切換到about頁面git

方案主要解決「異步獲取角色和權限」的難點

大體思路是將頁面經過HOC包裝劫持渲染，異步獲取角色以後，渲染對應權限的頁面。vuex

獲取期間是空白內容（能夠自定義）異步

方案：

2. 角色信息放在vuex store中，保證能夠處理異步角色權限cdn

3. 角色放入localStorage中，只驗證一次initblog

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。