Skip to content

拦截路由

路由约定

  • (.):匹配同一层级的路由片段(match segments on the same level)。
  • (..):匹配上一级路由片段(one level above)。
  • (..)(..):匹配上上一级路由片段(two levels above)。
  • (...):从 app 根目录开始匹配任意层级(match from the app root)。

说明:这些约定是基于路由 "segment"(路由片段)而非物理文件系统层级。例如,并行路由的 @slot 文件夹不算作路由片段级别;使用 (..) 时要基于逻辑路由层级来判断距离。

基本使用

bash
app/
└── f1
    ├── (.)f2
   └── page.tsx
    ├── f2
   └── page.tsx
    ├── f3
   └── page.tsx
    ├── f4
   │── (...)about
   └── page.tsx
   │── (..)f3
   └── page.tsx
   └── page.tsx
    └── page.tsx

并行拦截路由

bash
app/
└── photo-feed
    ├── [id]
   └── page.tsx
    ├── @modal
   │── (..)photo-feed/[id]
   └── page.tsx
   └── default.tsx
    ├── photo
   │── 1.jpg
   └── 2.jpg
    ├── layout.tsx
    └── page.tsx

基于 MIT 许可发布