菜單權限

介紹

菜單權限是根據登錄角色實現返回不一樣的菜單，使不一樣角色能看到不一樣的菜單。

思路及問題

思路

1、首先要在剛進入路由以前使用vue的路由守衛攔截，來判斷有沒有獲取過菜單權限。
2、前端和後臺商量好菜單的結構和菜單的名稱，先在前端定義一個路由表。
3、後臺返回平行結構的數據，前端組裝成一個菜單結構，而且若是後臺返回子菜單沒有返回父菜單那麼該父菜單下面全部的子菜單不該該顯示。
4、將篩選事後的路由做爲首頁的子路由添加進去。
5、前端編寫頁面

問題

1、如何動態添加子路由？
2、點擊到子路由以後能正常顯示，刷新頁面以後空白頁
3、在已經註冊了的路由表中添加了*匹配，爲何刷新頁面的時候直接跳轉到404頁面
4、基於element封裝一個不管後臺返回多少層級的菜單

代碼

git倉庫
https://github.com/mengyuhang4879/auth-menu.git

1 npm install
2 啓動server文件
3 npm run serve

git建立遠程倉庫及提交

https://blog.csdn.net/liuweix...