serverComponentsHmrCache | Next.js

實驗性的 serverComponentsHmrCache 選項可讓您在本地開發時，於伺服器元件 (Server Components) 中跨熱模組替換 (HMR) 重新整理快取 fetch 回應。這能帶來更快的回應速度並降低計費 API 呼叫的成本。

預設情況下，HMR 快取會套用至所有 fetch 請求，包含那些帶有 cache: 'no-store' 選項的請求。這表示未快取的請求在 HMR 重新整理間不會顯示最新資料。但快取會在導航或整頁重新載入時被清除。

您可以透過在 next.config.js 檔案中將 serverComponentsHmrCache 設為 false 來停用 HMR 快取：

import type { NextConfig } from 'next'

const nextConfig: NextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // 預設為 true
  },
}

export default nextConfig

須知事項： 為了更好的可觀察性，我們建議使用 logging.fetches 選項，該選項會在開發期間於主控台記錄 fetch 快取命中與遺漏的情況。