在 Next.js 的 App Router 中, 是一个非常关键的函数,主要用于 静态站点生成 (SSG)。 简单来说,它的作用是:在构建(Build)阶段,告诉 Next.js 哪些动态路由页面需要被预先生成为静态 HTML 文件。 如果你熟悉 Pages Router,它相当于以前的 。 --- 核心作用详解 1. 定义静态路径 (SSG) 当你的路由是动态的(例如 ),默认情况下,Next.js 可能会在用户访问时才在服务端渲染(SSR)。 如果你希望这些页面在构建时就生成好(为了极致的性能和 SEO),你需要导出 函数,返回一个包含所有可能参数的数组。 2. 代码示例 假设你有一个博客路由:。 执行流程: 1. 运行 。 2. Next.js 执行 。 3. 获取到列表 。 4. Next.js 自动为 和 生成静态 HTML。 --- 关键特性与行为 1. 智能去重 (Request Memoization) 这是 App Router 相比 Pages Router 的一大改进。 在上面的例子中, 获取了文章列表,而 组件可能也会请求同样的数据。 Pages Rou...