路由元資訊(meta)
如果乙個**有不同的角色，比如 管理員 和 普通使用者 ，要求不同的角色能訪問的頁面是不一樣的
這個時候我們就可以 把所有的頁面都放在路由表裡 ，只要 在訪問的時候判斷一下角色許可權 。如果有許可權就讓訪問，沒有許可權的話就拒絕訪問，跳轉到404頁面
vue-router 在構建路由時提供了元資訊 meta 配置介面，我們可以在元資訊中新增路由對應的許可權，然後在路由守衛中檢查相關許可權，控制其路由跳轉。
可以在每乙個路由的 meta 屬性裡，將能訪問該路由的角色新增到 roles 裡。使用者每次登陸後，將使用者的角色返回。然後在訪問頁面時，把路由的 meta 屬性和使用者的角色進行對比，如果使用者的角色在路由的 roles 裡，那就是能訪問，如果不在就拒絕訪問。
**示例1：
路由資訊：?1
2345
6789
1011
1213
1415
1617
18routes: [
path: '/login',
name: 'login',
meta: esle) //跳到404頁面
Vue路由許可權控制分析
本人在公司主要負責中後台系統的開發，其中路由和許可權校驗算是非常重要且最為基本的一環。實際開發專案中，關於登入和路由許可權的控制參照了vue element admin這個明星專案，並在此基礎上基於業務進行了整合，接下來我會以這個專案為例，仔細地剖析整個路由和許可權校驗的過程，也算是對這個知識點的一...
Vue 路由 角色的許可權控制
首先說明需求目的，一般在未登陸情況下預設跳轉至login頁面，因此需要導航守衛來確保這一需求。例如忘記密碼，註冊，404各類提醒等頁面的跳轉並不需要使用者進行登陸驗證token操作，因此我們設定了路由白名單讓這些路由可以直接渲染。例如角色admin和user需要使用者進行登陸操作，這時我們就需要在路...
vue 登入驗證與許可權控制
描述具體問題 業務系統通常需要登入才能訪問受限資源，在使用者未登入情況下訪問受限資源需要重定向到登入頁面 多個業務系統之間要實現單點登入，即在乙個系統或應用已登入的情況下，再訪問另乙個系統時不需要重複登入 在登入過期或失效時，需要重定向到登入頁面 使用者登入後，需對改使用者擁有的許可權進行功能和ui...