介绍

构建应用程序时 Next.js 中常见的缓存问题是 Next.js 的默认缓存行为，这让许多开发人员感到沮丧。在许多情况下，缓存通过存储资源副本来帮助加速页面加载并减少服务器负载。
但是，它有时会导致显示过时的内容，这对于动态应用程序（例如添加新博客时显示新博客的博客提要）可能会出现问题。

选择退出数据缓存

Next.js 扩展了本机 Web fetch() API，以允许服务器上的每个请求设置自己的持久缓存语义。

要选择不缓存单个提取请求，您可以将提取中的缓存选项设置为“无存储”。这将根据每个请求动态获取数据。

export default async function Page() {

  const dynamicData = await fetch(`https://...`, { cache: 'no-store' })
  const data = await dynamicData.json()
}

这将有助于覆盖 Next.js 的默认缓存行为