staleTimes

staleTimes 是一个实验性功能，它可以在客户端路由缓存中启用页面片段的缓存。

你可以通过设置实验性的 staleTimes 标志来启用此功能并提供自定义的重新验证时间：

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    staleTimes: {
      dynamic: 30,
      static: 180,
    },
  },
}
 
module.exports = nextConfig

static 和 dynamic 属性对应基于不同类型的链接预获取的时间周期（以秒为单位）。

• dynamic 属性用于既不是静态生成也不是完全预获取的页面（即，使用 prefetch=）。
  • 默认值：0 秒（不缓存）
• static 属性用于静态生成的页面，或当 Link 的 prefetch 属性设置为 true 时，或当调用 router.prefetch 时。
  • 默认值：5 分钟

值得注意的是：

• Loading 边界在此配置中定义的 static 时间内被视为可重用。
• 这不会影响部分渲染，这意味着共享布局不会在每次导航时自动重新获取，只有发生变化的页面片段会重新获取。
• 这不会改变前进/后退缓存的行为，以防止布局偏移并保持浏览器的滚动位置。

你可以在这里了解更多关于客户端路由缓存的信息。

版本历史