Next.js 的 Parallel Routes(并行路由) 是 App Router 架构中一个非常强大的功能,它允许你在同一个布局(Layout)中同时或者有条件地渲染一个或多个页面。 简单来说,它就像是前端框架(如 Vue)中的“具名插槽”(Named Slots),允许你将页面分割成不同的独立部分,每一部分都有自己的路由逻辑、加载状态和错误处理。 以下是关于 Parallel Routes 的详细指南: --- 1. 核心概念:插槽 (Slots) 并行路由通过 “插槽” 来实现。 命名规则:使用 符号作为文件夹的前缀(例如 )。 特性:以 开头的文件夹不会影响 URL 路径。例如, 的路由依然是 ,而不是 。 2. 为什么使用并行路由? 主要有两个核心场景: 1. 复杂的仪表盘 (Dashboards): 你可以同时渲染“用户列表”和“销售图表”。 独立流式传输 (Streaming):如果“销售图表”加载很慢,不会阻塞“用户列表”的显示。 独立错误处理:如果“销售图表”报错,只会导致该部分显示错误 UI,而不会导致整个页面崩溃。 2. 模态框 (Modals): 结...