- 修改@/src/router/index.js(@代表项目根路径,下同)
- 定义静态路由变量,代表登录前的两个页面login和404
export const constantRouterMap = [ { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/404', component: () => import('@/views/404'), hidden: true } ]
- 定义动态路由变量,加入各个菜单的权限角色定义,通过meta的roles属性定义数组(具体菜单根据项目调整,此处仅作示例)
-
export const asyncRouterMap = [{ path: '/', component: Layout, redirect: '/dashboard', name: 'Dashboard', hidden: true, children: [{ path: 'dashboard', component: () => import('@/views/dashboard/index') }] }, { path: '/example', component: Layout, redirect: '/example/table', name: 'Example', meta: { roles: ['superAdmin', 'admin&
- 定义静态路由变量,代表登录前的两个页面login和404
使用vue2+element+vue-admin-template创建单页应用小记-2.动态权限路由加载
本文记录了使用Vue2、Element UI和vue-admin-template构建单页应用时,如何实现动态权限路由加载的过程。主要涉及在`router/index.js`中定义静态和动态路由,以及在`permission.js`中添加权限判断函数,通过获取用户信息动态添加符合角色权限的路由。
摘要由CSDN通过智能技术生成