在 Next.js 中,路由主要通过 app 目录(在 Next.js 13 中引入)和较旧的 pages 目录进行处理。关键术语包括:
路由(Route): 映射到特定组件或页面的特定 URL 路径。例如,/blog/my-first-post。
路由段(Route Segment): URL 路径的一部分。在 /blog/my-first-post 中,blog 和 my-first-post 是路由段。
文件系统路由(File-System Routing): Next.js 使用基于文件系统的路由器。app 或 pages 目录中的目录和文件结构直接定义了应用程序的路由。
动态路由(Dynamic Routes): 包含参数的路由,允许您根据数据创建页面。例如,/blog/[slug],其中 [slug] 是一个动态参数。
索引路由(Index Route): 当用户访问目录时提供的服务路由。通常由目录中的 index.js 或 page.js 文件表示。
布局(Layout): 包裹多个页面的组件,提供跨不同路由的一致 UI 结构(如页眉和页脚)。
链接组件(Link Component): 来自 next/link 的 <Link> 组件用于客户端路由导航,比传统的 <a> 标签性能更好。
用自己的话写下这一站的结论。