routes.ts
2.13 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
import type { RouteRecordRaw } from 'vue-router'
import Layout from '@/layout/index.vue'
import { HOME_PATH } from '@/config'
/**
* 动态路由的父级容器：所有后端菜单生成的页面都挂在这个 Layout 下
*
* 这里**静态注册**（而不是等菜单加载完再 addRoute）有两个好处：
* 1. `/` 任何时候都能匹配，不会出现 vue-router 的 "No match found for location with path /" 告警
* 2. 即使某账号一个菜单都没有，也仍有可用的外壳页面，不会白屏
* 业务子路由由 permission store 用 `router.addRoute('Root', child)` 动态追加。
*/
export const layoutRoute: RouteRecordRaw = {
path: '/',
name: 'Root',
component: Layout,
redirect: HOME_PATH,
children: []
}
/**
* 静态路由：不依赖后端菜单，登录页 / 外壳 / 404 / 重定向 / 兜底
* 业务路由全部由后端 get-permission-info 下发的菜单动态生成（见 store/modules/permission.ts）
*/
export const staticRoutes: RouteRecordRaw[] = [
layoutRoute,
{
path: '/login',
name: 'Login',
component: () => import('@/views/login/index.vue'),
meta: { title: '登录', hidden: true }
},
{
path: '/404',
name: 'NotFound',
component: () => import('@/views/error/404.vue'),
meta: { title: '页面不存在', hidden: true }
},
{
path: '/redirect',
component: Layout,
meta: { hidden: true },
children: [
{
path: '/redirect/:path(.*)',
name: 'Redirect',
component: () => import('@/views/redirect/index.vue'),
meta: { hidden: true }
}
]
}
]
/**
* 兜底：必须最后注册
*
* 必须带 name：permission store 的 resetRoutes() 靠 `hasRoute(notFoundRoute.name)`
* 找回并移除它。没有 name 时那里只能拿 'notFound' 这个假名字去查，永远查不到，
* 于是每次切换账号/重新生成路由都会再注册一条 catch-all（不断累积）。
* 路由名本身也用来判断「这个地址当前账号够不够得着」。
*/
export const notFoundRoute: RouteRecordRaw = {
path: '/:pathMatch(.*)*',
name: 'NotFoundCatchAll',
redirect: '/404',
meta: { hidden: true }
}