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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
| import { Layout } from '@/utils/routerHelper'
|
| const { t } = useI18n()
| /**
| * redirect: noredirect 当设置 noredirect 的时候该路由在面包屑导航中不可被点击
| * name:'router-name' 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
| * meta : {
| hidden: true 当设置 true 的时候该路由不会再侧边栏出现 如404，login等页面(默认 false)
|
| alwaysShow: true 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式，
| 只有一个时，会将那个子路由当做根路由显示在侧边栏，
| 若你想不管路由下面的 children 声明的个数都显示你的根路由，
| 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，
| 一直显示根路由(默认 false)
|
| title: 'title' 设置该路由在侧边栏和面包屑中展示的名字
|
| icon: 'svg-name' 设置该路由的图标
|
| noCache: true 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
|
| breadcrumb: false 如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
|
| affix: true 如果设置为true，则会一直固定在tag项中(默认 false)
|
| noTagsView: true 如果设置为true，则不会出现在tag中(默认 false)
|
| activeMenu: '/dashboard' 显示高亮的路由路径
|
| followAuth: '/dashboard' 跟随哪个路由进行权限过滤
|
| canTo: true 设置为true即使hidden为true，也依然可以进行路由跳转(默认 false)
| }
| **/
| const remainingRouter: AppRouteRecordRaw[] = [
| {
| path: '/redirect',
| component: Layout,
| name: 'Redirect',
| children: [
| {
| path: '/redirect/:path(.*)',
| name: 'Redirect',
| component: () => import('@/views/Redirect/Redirect.vue'),
| meta: {}
| }
| ],
| meta: {
| hidden: true,
| noTagsView: true
| }
| },
| {
| path: '/home2',
| component: () => import('@/views/Home/Index2.vue'),
| name: 'Home2',
| meta: {
| hidden: true,
| noTagsView: true
| },
| },
| {
| path: '/',
| component: Layout,
| name: 'Home',
| meta: {
| hidden: true,
| noTagsView: true
| },
| children: [
| {
| path: 'index',
| component: () => import('@/views/Home/Index.vue'),
| name: 'Index',
| meta: {
| title: t('router.home'),
| icon: 'ep:home-filled',
| noCache: false,
| affix: true
| }
| }
| ]
| },
| {
| path: '/user',
| component: Layout,
| name: 'UserInfo',
| meta: {
| hidden: true
| },
| children: [
| {
| path: 'profile',
| component: () => import('@/views/Profile/Index.vue'),
| name: 'Profile',
| meta: {
| canTo: true,
| hidden: true,
| noTagsView: false,
| icon: 'ep:user',
| title: t('common.profile')
| }
| },
| {
| path: 'notify-message',
| component: () => import('@/views/system/notify/my/index.vue'),
| name: 'MyNotifyMessage',
| meta: {
| canTo: true,
| hidden: true,
| noTagsView: false,
| icon: 'ep:message',
| title: '我的站内信'
| }
| }
| ]
| },
| {
| path: '/login',
| component: () => import('@/views/Login/Login.vue'),
| name: 'Login',
| meta: {
| hidden: true,
| title: t('router.login'),
| noTagsView: true
| }
| },
| {
| path: '/403',
| component: () => import('@/views/Error/403.vue'),
| name: 'NoAccess',
| meta: {
| hidden: true,
| title: '403',
| noTagsView: true
| }
| },
| {
| path: '/404',
| component: () => import('@/views/Error/404.vue'),
| name: 'NoFound',
| meta: {
| hidden: true,
| title: '404',
| noTagsView: true
| }
| },
| {
| path: '/500',
| component: () => import('@/views/Error/500.vue'),
| name: 'Error',
| meta: {
| hidden: true,
| title: '500',
| noTagsView: true
| }
| },
| {
| path: '/dict',
| component: Layout,
| name: 'dict',
| meta: {
| hidden: true
| },
| children: [
| {
| path: 'type/data/:dictType',
| component: () => import('@/views/system/dict/data/index.vue'),
| name: 'SystemDictData',
| meta: {
| title: '字典数据',
| noCache: true,
| hidden: true,
| canTo: true,
| icon: '',
| activeMenu: '/system/dict'
| }
| }
| ]
| },
| ]
|
| export default remainingRouter
|
|
