vue-element-admin框架 根据登录人的角色动态切换路由控制展示目录
情景:项目是用vue-element-admin框架搭建的,因为登录人有角色,要求根据不同的角色要有不同的菜单目录结构,大致思路如下: 1 因为一开始我安装的是基础版本的,但是这个动态路由需要用到集成版本中store/modules/permission.js 文件,用于状态管理。 2 路由中会区分两种:一种是没有权限都可以访问的页面比如登录页面、404页面、默认访问页面等;还有一种就是需要根据角色访问的动态路由了例如:
// 都可以访问的路由
export const constantRoutes = [
{
path:'/404',
component:() => import('@/views/404'),
hidden:true
}
]
// 要根据角色才能访问的路由
export const asyncRoutes = [
{
path:'/homePage1',
compon
共有 0 条评论