Next.js 的路由为何如此独特？
原文英文，约1700词，阅读约需7分钟。
📝
内容提要
Next.js是一个基于React的全栈框架，专注于服务器端渲染（SSR），具有强大且不寻常的路由机制。通过文件系统进行路由定义，自动创建相应的路由。支持布局定义、导航和动态路由。还支持路由拦截和API定义。基于文件系统的路由机制设计合理，直观且方便。
❓
Q&A
Next.js的路由机制有什么独特之处？
Next.js的路由机制通过文件系统定义路由，自动创建相应的路由，支持动态路由、catch-all路由和路由拦截等特性。
如何在Next.js中定义动态路由？
在Next.js中，动态路由使用[xxx]语法来提取路径参数，例如定义路径为/dong/[param1]/[param2]。
什么是catch-all路由，如何使用？
catch-all路由使用[...slug]语法，可以匹配任意深度的路径，例如/dong2/a/b/c都会渲染同一组件。
Next.js如何处理路由拦截？
路由拦截通过在路由前添加(.)或(..)语法来实现，可以在特定场景下重写组件，但刷新后仍会显示原组件。
Next.js的布局定义是如何工作的？
布局在layout.tsx中定义，Next.js会自动将page.tsx组件包裹在layout.tsx组件中，支持每个层级的布局定义。
Next.js的API路由是如何定义的？
在Next.js中，API路由通过route.ts文件定义，可以使用GET和POST方法处理请求，支持动态路由参数。
🏷️
