| | |
| | | |
| | | // 公共路由 |
| | | export const constantRoutes: RouteOption[] = [ |
| | | { |
| | | path: '/redirect', |
| | | component: Layout, |
| | | hidden: true, |
| | | children: [ |
| | | { |
| | | path: '/redirect/:path(.*)', |
| | | component: () => import('@/views/redirect/index.vue') |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/login', |
| | | component: () => import('@/views/login.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/register', |
| | | component: () => import('@/views/register.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/:pathMatch(.*)*', |
| | | component: () => import('@/views/error/404.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/401', |
| | | component: () => import('@/views/error/401.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '', |
| | | component: Layout, |
| | | redirect: '/index', |
| | | children: [ |
| | | { |
| | | path: '/index', |
| | | component: () => import('@/views/index.vue'), |
| | | name: 'Index', |
| | | meta: { title: '首页', icon: 'dashboard', affix: true } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/user', |
| | | component: Layout, |
| | | hidden: true, |
| | | redirect: 'noredirect', |
| | | children: [ |
| | | { |
| | | path: 'profile', |
| | | component: () => import('@/views/system/user/profile/index.vue'), |
| | | name: 'Profile', |
| | | meta: { title: '个人中心', icon: 'user' } |
| | | } |
| | | ] |
| | | } |
| | | { |
| | | path: '/redirect', |
| | | component: Layout, |
| | | hidden: true, |
| | | children: [ |
| | | { |
| | | path: '/redirect/:path(.*)', |
| | | component: () => import('@/views/redirect/index.vue') |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/login', |
| | | component: () => import('@/views/login.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/register', |
| | | component: () => import('@/views/register.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/:pathMatch(.*)*', |
| | | component: () => import('@/views/error/404.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/401', |
| | | component: () => import('@/views/error/401.vue'), |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '', |
| | | component: Layout, |
| | | redirect: '/index', |
| | | children: [ |
| | | { |
| | | path: '/index', |
| | | component: () => import('@/views/index.vue'), |
| | | name: 'Index', |
| | | meta: { title: '首页', icon: 'dashboard', affix: true } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/user', |
| | | component: Layout, |
| | | hidden: true, |
| | | redirect: 'noredirect', |
| | | children: [ |
| | | { |
| | | path: 'profile', |
| | | component: () => import('@/views/system/user/profile/index.vue'), |
| | | name: 'Profile', |
| | | meta: { title: '个人中心', icon: 'user' } |
| | | } |
| | | ] |
| | | } |
| | | ]; |
| | | |
| | | // 动态路由,基于用户权限动态去加载 |
| | | export const dynamicRoutes: RouteOption[] = [ |
| | | { |
| | | path: '/system/user-auth', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:user:edit'], |
| | | children: [ |
| | | { |
| | | path: 'role/:userId(\\d+)', |
| | | component: () => import('@/views/system/user/authRole.vue'), |
| | | name: 'AuthRole', |
| | | meta: { title: '分配角色', activeMenu: '/system/user', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/role-auth', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:role:edit'], |
| | | children: [ |
| | | { |
| | | path: 'user/:roleId(\\d+)', |
| | | component: () => import('@/views/system/role/authUser.vue'), |
| | | name: 'AuthUser', |
| | | meta: { title: '分配用户', activeMenu: '/system/role', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/dict-data', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:dict:list'], |
| | | children: [ |
| | | { |
| | | path: 'index/:dictId(\\d+)', |
| | | component: () => import('@/views/system/dict/data.vue'), |
| | | name: 'Data', |
| | | meta: { title: '字典数据', activeMenu: '/system/dict', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/oss-config', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['monitor:job:list'], |
| | | children: [ |
| | | { |
| | | path: 'index', |
| | | component: () => import('@/views/system/oss/config.vue'), |
| | | name: 'OssConfig', |
| | | meta: { title: '配置管理', activeMenu: '/system/oss', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/tool/gen-edit', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['tool:gen:edit'], |
| | | children: [ |
| | | { |
| | | path: 'index/:tableId(\\d+)', |
| | | component: () => import('@/views/tool/gen/editTable.vue'), |
| | | name: 'GenEdit', |
| | | meta: { title: '修改生成配置', activeMenu: '/tool/gen', icon: '' } |
| | | } |
| | | ] |
| | | } |
| | | { |
| | | path: '/system/user-auth', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:user:edit'], |
| | | children: [ |
| | | { |
| | | path: 'role/:userId(\\d+)', |
| | | component: () => import('@/views/system/user/authRole.vue'), |
| | | name: 'AuthRole', |
| | | meta: { title: '分配角色', activeMenu: '/system/user', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/role-auth', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:role:edit'], |
| | | children: [ |
| | | { |
| | | path: 'user/:roleId(\\d+)', |
| | | component: () => import('@/views/system/role/authUser.vue'), |
| | | name: 'AuthUser', |
| | | meta: { title: '分配用户', activeMenu: '/system/role', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/dict-data', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:dict:list'], |
| | | children: [ |
| | | { |
| | | path: 'index/:dictId(\\d+)', |
| | | component: () => import('@/views/system/dict/data.vue'), |
| | | name: 'Data', |
| | | meta: { title: '字典数据', activeMenu: '/system/dict', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/system/oss-config', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['monitor:job:list'], |
| | | children: [ |
| | | { |
| | | path: 'index', |
| | | component: () => import('@/views/system/oss/config.vue'), |
| | | name: 'OssConfig', |
| | | meta: { title: '配置管理', activeMenu: '/system/oss', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | path: '/tool/gen-edit', |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['tool:gen:edit'], |
| | | children: [ |
| | | { |
| | | path: 'index/:tableId(\\d+)', |
| | | component: () => import('@/views/tool/gen/editTable.vue'), |
| | | name: 'GenEdit', |
| | | meta: { title: '修改生成配置', activeMenu: '/tool/gen', icon: '' } |
| | | } |
| | | ] |
| | | } |
| | | ]; |
| | | |
| | | /** |
| | | * 创建路由 |
| | | */ |
| | | const router = createRouter({ |
| | | history: createWebHistory(import.meta.env.VITE_APP_CONTEXT_PATH), |
| | | routes: constantRoutes, |
| | | // 刷新时,滚动条位置还原 |
| | | scrollBehavior(to, from, savedPosition) { |
| | | if (savedPosition) { |
| | | return savedPosition; |
| | | } else { |
| | | return { top: 0 }; |
| | | } |
| | | } |
| | | history: createWebHistory(import.meta.env.VITE_APP_CONTEXT_PATH), |
| | | routes: constantRoutes, |
| | | // 刷新时,滚动条位置还原 |
| | | scrollBehavior(to, from, savedPosition) { |
| | | if (savedPosition) { |
| | | return savedPosition; |
| | | } else { |
| | | return { top: 0 }; |
| | | } |
| | | } |
| | | }); |
| | | |
| | | export default router; |