index.tsx
2.02 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
// REQ-USR-003 / REQ-USR-004: 路由表（FE 共享骨架）。
// FE-02 将 '/' 占位替换为应用外壳 + 受保护嵌套路由 + 错误边界。
// 子路由目标内容（FE-03 用户列表 / FE-04 用户单据）由后续 FE 落地，本处仅留可挂载占位。
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';
// FE-03 用户列表容器占位（本 FE 仅提供导航入口与标签挂载位）
function UserListPlaceholder() {
return <div data-testid="fe03-userlist-placeholder" />;
}
// FE-04 用户单据容器占位（新增 / 修改）
function UserDetailPlaceholder() {
return <div data-testid="fe04-userdetail-placeholder" />;
}
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={<UserListPlaceholder />} />
<Route path="/usr/users/new" element={<UserDetailPlaceholder />} />
<Route path="/usr/users/:id" element={<UserDetailPlaceholder />} />
{/* 受保护区内未匹配 → 回主页（D7） */}
<Route path="*" element={<Navigate to="/" replace />} />
</Route>
</Route>
</Routes>
);
}