基于文件的路由——创建一个文件,就得到一个路由。
在 app/routes/ 下创建一个文件,它会自动变为路由。
| 文件 | 路由 |
|---|---|
| app/routes/index.ts | / |
| app/routes/about.ts | /about |
| app/routes/guide/getting-started.ts | /guide/getting-started |
使用方括号表示动态片段:
| 文件 | 路由 | 参数 |
|---|---|---|
| app/routes/posts/[slug].ts | /posts/:slug | slug |
| app/routes/users/[id]/posts.ts | /users/:id/posts | id |
| 文件 | 用途 |
|---|---|
| _renderer.ts | SSR 的自定义 HTML 包装器 |
| _middleware.ts | 路由树的 Hono 中间件 |
每个路由模块必须导出:
| 导出 | 类型 | 说明 |
|---|---|---|
| default | LitElement class | 页面组件 |
| tagName | string | 自定义元素标签名 |