index.js
3.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
/* Layout */
import Layout from '@/layout'
/**
* Note: sub-menu only appear when route children.length >= 1
* Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
*
* hidden: true if set true, item will not show in the sidebar(default is false)
* alwaysShow: true if set true, will always show the root menu
* if not set alwaysShow, when item has more than one children route,
* it will becomes nested mode, otherwise not show the root menu
* redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
* name:'router-name' the name is used by <keep-alive> (must set!!!)
* meta : {
roles: ['admin','editor'] control the page roles (you can set multiple roles)
title: 'title' the name show in sidebar and breadcrumb (recommend set)
icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
}
*/
/**
* constantRoutes
* a base page that does not have permission requirements
* all roles can be accessed
*/
export const constantRoutes = [
// 登录
{
path: '/login',
component: () => import('@/views/login/index'),
hidden: true
},
// 404页面
{
path: '/404',
component: () => import('@/views/404'),
hidden: true
},
// 首页
{
path: '/',
component: Layout,
redirect: '/home',
children: [{
path: 'home',
name: 'Home',
component: () => import('@/views/home/index'),
meta: { title: '首页', icon: 'dashboard', affix:true }
}]
},
// 个人中心
{
path: '/profile',
component: Layout,
hidden: true,
redirect: 'profile',
name: 'Profile',
children: [{
path: 'profile',
name: 'Profile',
component: () => import("@/views/profile/index"),
meta: { title: '个人中心', icon: 'user' }
}]
},
// 系统管理路由
{
path: '/system',
component: Layout,
redirect: '/example/table',
name: 'System',
meta: { title: '系统管理', icon: 'el-icon-setting' },
children: [
{
path: 'user',
name: 'User',
component: () => import('@/views/user/index'),
meta: { title: '用户管理', icon: '' }
},
{
path: 'role',
name: 'Role',
component: () => import('@/views/role/index'),
meta: { title: '角色管理', icon: '' }
},
{
path: 'menu',
name: 'Menu',
component: () => import('@/views/menu/index'),
meta: { title: '菜单管理', icon: '' }
},
{
path: 'department',
name: 'Department',
component: () => import('@/views/department/index'),
meta: { title: '部门管理', icon: '' }
},
{
path: 'parameter',
name: 'Parameter',
component: () => import('@/views/parameter/index'),
meta: { title: '参数设置', icon: '' }
},
{
path: 'dictionary',
name: 'Dictionary',
component: () => import('@/views/dictionary/index'),
meta: { title: '表格字典', icon: '' }
}
]
},
// 404 page must be placed at the end !!!
{ path: '*', redirect: '/404', hidden: true }
]
const createRouter = () => new Router({
// mode: 'history', // require service support
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})
const router = createRouter()
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
const newRouter = createRouter()
router.matcher = newRouter.matcher // reset router
}
export default router