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
| import Vue from 'vue';
| import Router from 'vue-router';
| /* Layout */
| import Layout from '@/layout';
|
| Vue.use(Router);
|
|
| /**
| * 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' the icon show in the sidebar
| noCache: true if set true, the page will no be cached(default is false)
| affix: true if set true, the tag will affix in the tags-view
| 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: '/redirect',
| component: Layout,
| hidden: true,
| children: [
| {
| path: '/redirect/:path(.*)',
| component: () => import('@/views/redirect/index'),
| },
| ],
| },
| {
| path: '/login',
| component: () => import('@/views/login/index'),
| hidden: true,
| },
| {
| path: '/dataV',
| component: () => import('@/views/dataV/static'),
| hidden: true,
| },
| {
| path: '/resetPwd',
| component: () => import('@/views/login/resetPassword'),
| hidden: true,
| },
| {
| path: '/auth-redirect',
| component: () => import('@/views/login/auth-redirect'),
| hidden: true,
| },
| {
| path: '/401',
| component: () => import('@/views/error-page/401'),
| hidden: true,
| },
| {
| path: '/',
| component: Layout,
| redirect: '/dashboard',
| children: [
| {
| path: 'dashboard',
| component: () => import('@/views/dashboard/index'),
| name: 'Dashboard',
| meta: { title: '主页', icon: 'dashboard', affix: true },
| },
| ],
| },
| {
| path: '/',
| component: Layout,
| children: [
| {
| path: 'userInfo',
| component: () => import('@/views/systemSetting/user/profile/index'),
| name: 'userInfo',
| meta: { title: '个人信息', icon: 'dashboard', affix: false },
| },
| ],
| },
| // 404 page must be placed at the end !!!
| {
| path: '/404',
| component: () => import('@/views/error-page/404'),
| redirect: '/404',
| hidden: true,
| },
| // { path: '*', redirect: '/404', hidden: true },
| ];
|
| /**
| * asyncRoutes
| * the routes that need to be dynamically loaded based on user roles
| */
| export const asyncRoutes = [];
| 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;
|
|
