staleTimes
此功能目前为实验性功能,可能会发生变化,不建议在生产环境中使用。请尝试使用并在 GitHub 上分享您的反馈。
staleTimes
是一个实验性功能,可以在 客户端路由缓存 中缓存页面片段。
您可以通过设置实验性的 staleTimes
标志来启用此实验性功能并提供自定义的重新验证时间
next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
staleTimes: {
dynamic: 30,
static: 180,
},
},
}
module.exports = nextConfig
static
和 dynamic
属性对应于基于不同类型的 链接预加载 的时间段(以秒为单位)。
- 当页面既不是静态生成的,也不是完全预加载的(例如,使用
prefetch={true}
)时,将使用dynamic
属性。- 默认值:0 秒(不缓存)
static
属性用于静态生成的页面,或者当Link
组件上的prefetch
属性设置为true
时,或者当调用router.prefetch
时。- 默认值:5 分钟
须知
您可以在此处了解有关客户端路由缓存的更多信息。
版本历史
版本 | 变更 |
---|---|
v15.0.0 | dynamic 的 staleTimes 默认值从 30 秒更改为 0 秒。 |
v14.2.0 | 引入了实验性的 staleTimes 。 |
这是否有帮助?