Next.js 取得資料時的快取問題

介紹

建立應用程式時 Next.js 中常見的快取問題是 Next.js 的預設快取行為，這讓許多開發人員感到沮喪。在很多情況下，快取透過儲存資源副本來幫助加速頁面載入並減少伺服器負載。
但是，它有時會導致顯示過時的內容，這對於動態應用程式（例如在新增部落格時顯示新部落格的部落格提要）可能會出現問題。

選擇退出資料緩存

Next.js 擴充了原生 Web fetch() API，允許伺服器上的每個請求設定自己的持久性快取語意。

要選擇不快取單一提取請求，您可以將 fetch 中的快取選項設定為「no-store」。這將根據每個請求動態獲取資料。

export default async function Page() {

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

這將有助於覆蓋 Next.js 的預設快取行為

以上是Next.js 取得資料時的快取問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！