參考了之篇文章
1、我在登陸時獲取到登錄用戶的角色名roles，并存入sessionStorage中，具體是在login頁面實現，還是在menu頁面實現都可以。在menu頁面實現，可以顯得登陸快一些。
2、編寫router.js，注意，一個用戶可能有多個角色。
//以下為一個路由例子
{path: "/xxxx/xxxx",component: () => import('@/components/xxx'),name: "隨便取個名字",meta: {roles:['角色1','角色2','角色3']}
}
//在路由跳轉前進行判斷
router.beforeEach((to,from,next) => {//設置直接通過的路由地址if(to.path === "/" || to.path === "/login" || to.path === "/menu") {next();}else {const tokenStr = localStorage.getItem("token")//如果token沒有了，直接返回登錄界面，即長時間沒有操作。if (!tokenStr) {return next("/login");}else {//數據庫中的roles以“角色1，角色2，角色3”的字符串存儲，使用split分割成數組const roles = sessionStorage.getItem("userRole").split(",")//這里表示路由設置的roles中內有內容，我們沒有設置權限，那么直接放行。if(to.meta.roles.length === 0){next()}else{//這里表示做循環，只要有一個滿足就可以跳轉了。for (let i = 0; i < to.meta.roles.length; i++){//roles中有一個與用于的角色匹配就行if(roles.includes(to.meta.roles[i])){next()}}}}}
)
