Skip to content

静态路由 ​

不需要权限判断的路由(登录页、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");

菜单表单的「页面路径」选项树同样由该文件派生,所以新增页面文件后无需再做额外注册。

基于 MIT 许可发布 · 如需部署协助或二开定制,请查看 支持与合作