index.tsx
1.77 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
// REQ-USR-003 / REQ-USR-004: 路由表（FE 共享骨架）。
// FE-02 将 '/' 占位替换为应用外壳 + 受保护嵌套路由 + 错误边界。
// FE-04 将 /usr/users/new 与 /usr/users/:id 占位替换为真实「用户信息单据」页 UserDetailPage。
import { Routes, Route, Navigate } from 'react-router-dom';
import LoginPage from '../pages/usr/Login/LoginPage';
import RequireAuth from './RequireAuth';
import RedirectIfAuthed from './RedirectIfAuthed';
import AppErrorBoundary from './AppErrorBoundary';
import AppLayout from '../layouts/AppLayout/AppLayout';
import HomePage from '../pages/home/HomePage/HomePage';
import UserListPage from '../pages/usr/UserList';
import UserDetailPage from '../pages/usr/UserDetail';
export default function AppRouter() {
return (
<Routes>
{/* 登录页：放行，包 RedirectIfAuthed（已登录回主页，BR2），不包 AppLayout */}
<Route
path="/login"
element={
<RedirectIfAuthed>
<LoginPage />
</RedirectIfAuthed>
}
/>
{/* 受保护区：RequireAuth > AppLayout（外壳），外壳内套 ErrorBoundary 兜底子路由抛错 */}
<Route element={<RequireAuth />}>
<Route
element={
<AppErrorBoundary>
<AppLayout />
</AppErrorBoundary>
}
>
<Route index element={<HomePage />} />
<Route path="/usr/users" element={<UserListPage />} />
<Route path="/usr/users/new" element={<UserDetailPage />} />
<Route path="/usr/users/:id" element={<UserDetailPage />} />
{/* 受保护区内未匹配 → 回主页（D7） */}
<Route path="*" element={<Navigate to="/" replace />} />
</Route>
</Route>
</Routes>
);
}