静态路由
不需要权限判断的路由(登录页、404 等)在 src/router/routes.tsx 中定义,应用启动时直接注册。
动态路由
需要按用户权限动态生成的路由,由 src/stores/permission.ts 请求后端菜单接口获取,再经 src/router/transform.tsx 转换为 React Router 的路由配置。
提示
动态路由可在 系统管理 / 菜单管理 新增和修改,前端加载时自动请求菜单接口并转换成对应的路由。
路由白名单
无需登录即可访问的路径在 src/constants 的 WHITE_LIST 中配置,由 src/router/guard.tsx 校验。
ts
const WHITE_LIST = ["/login", "/404"];未登录访问非白名单页面时,守卫会跳转登录页并通过 redirect 参数记录来源地址,登录后自动回跳。
视图注册表
菜单的 component 字符串与 src/views 下的页面文件通过 src/router/views.ts 建立映射,支持 system/user 与 system/user/index 两种写法。
ts
export const viewModules = import.meta.glob("/src/views/**/*.tsx");菜单表单的「页面路径」选项树同样由该文件派生,所以新增页面文件后无需再做额外注册。
