-
Notifications
You must be signed in to change notification settings - Fork 29
/
index.tsx
50 lines (47 loc) · 1.34 KB
/
index.tsx
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
/*
* react-router-dom v6 官方文档
* https://reactrouter.com/en/v6.3.0/getting-started/installation
*/
import React from 'react';
import Suspenselazy from '@/components/Suspenselazy';
import {Navigate, RouteObject} from 'react-router-dom';
const Home = Suspenselazy(() => import(/* webpackChunkName:"" */ '@/view/Home'));
const HomeOne = Suspenselazy(() => import(/* webpackChunkName:"homeOne" */ '@/view/Home/HomeOne'));
const HomeTwo = Suspenselazy(() => import(/* webpackChunkName:"homeTwo" */ '@/view/Home/HomeTwo'));
const Dashboard = Suspenselazy(() => import(/* webpackChunkName:"dashboard" */ '@/view/Dashboard'));
const About = Suspenselazy(() => import(/* webpackChunkName:"about" */ '@/view/About'));
const routes: RouteObject[] = [
{
path: '/',
element: <Navigate to='home/two' /> // 重定向
},
{
path: 'home',
element: Home,
children: [
// 嵌套路由
{
path: 'one',
element: HomeOne
},
{
path: 'two',
element: HomeTwo
}
]
},
{
path: 'dashboard',
element: Dashboard
},
{
path: 'about',
element: About
},
// 未匹配到页面
{
path: '*',
element: About
}
];
export default routes;