在 Umi 中配置路由是项目开发的基础,Umi 支持约定式路由(零配置,推荐)和配置式路由(手动配置),以下是详细说明:
一、约定式路由(推荐)
Umi 会根据 src/pages 目录结构自动生成路由配置,无需手动编写,适合大多数场景。
1. 基本规则
src/pages下的.tsx.jsx.js.ts文件会被视为路由页面。- 目录和文件名称对应路由路径,例如:
src/pages/index.tsx→ 路由路径/src/pages/user.tsx→ 路由路径/usersrc/pages/user/profile.tsx→ 路由路径/user/profilesrc/pages/user/[id].tsx→ 动态路由,路径/user/:id(如/user/123)
2. 特殊文件 / 目录
-
_layout.tsx:目录级布局组件,会包裹当前目录下的所有页面,例如:plaintext
src/pages/user/ _layout.tsx # 包裹 user 下的所有页面 index.tsx

最低0.47元/天 解锁文章
366

被折叠的 条评论
为什么被折叠?



