主题
拦截路由
路由约定
(.):匹配同一层级的路由片段(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