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.
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
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3