Next.js 的文件路由约定是怎样的？动态路由怎么写？

App Router（app/ 目录）：

• app/page.tsx → /
• app/about/page.tsx → /about
• app/blog/[slug]/page.tsx → 动态路由 /blog/:slug
• app/shop/[...all]/page.tsx → 全捕获（catch-all）/shop/a/b/c

动态参数在组件里通过 params 接收（App Router）：

// app/blog/[slug]/page.tsx
export default async function Page({ params }: { params: { slug: string } }) {
  const post = await getPost(params.slug)
  return <article>{post.title}</article>
}

Pages Router 用 [slug].js，参数在 router.query 里。

同分类其他题目