Next.js-Caching-Probleme beim Abrufen von Daten

Einführung

Ein häufiges Caching-Problem in Next.js beim Erstellen einer Anwendung ist das standardmäßige Caching-Verhalten von Next.js, das bei so vielen Entwicklern zu Frustration führt. In vielen Fällen trägt das Caching dazu bei, das Laden von Seiten zu beschleunigen und die Serverlast zu reduzieren, indem Kopien von Ressourcen gespeichert werden.
Es kann jedoch manchmal dazu führen, dass veraltete Inhalte angezeigt werden, was bei dynamischen Anwendungen wie Blog-Feeds problematisch sein kann, wenn neue Blogs beim Hinzufügen angezeigt werden.

Deaktivieren des Daten-Caching

Next.js erweitert die native Web-fetch()-API, um es jeder Anfrage auf dem Server zu ermöglichen, ihre eigene persistente Caching-Semantik festzulegen.

Um das Caching für einzelne Abrufanfragen zu deaktivieren, können Sie die Cache-Option im Abruf auf „Kein Speichern“ setzen. Dadurch werden Daten bei jeder Anfrage dynamisch abgerufen.

export default async function Page() {

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

Dies hilft dabei, das Standard-Caching-Verhalten von Next.js zu überschreiben

Das obige ist der detaillierte Inhalt vonNext.js-Caching-Probleme beim Abrufen von Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!