Nextjs 获取数据时的缓存问题

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《Nextjs 获取数据时的缓存问题》，聊聊，希望可以帮助到正在努力赚钱的你。

介绍

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

选择退出数据缓存

next.js 扩展了原生 web fetch() api，允许服务器上的每个请求设置自己的持久缓存语义。

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

export default async function Page() {

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

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

好了，本文到此结束，带大家了解了《Nextjs 获取数据时的缓存问题》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！