跳到主要內容
設定next.config.jsserverComponentsHmrCache

serverComponentsHmrCache

此功能目前為實驗性質,可能會有所變動,不建議用於生產環境。請試用並在 GitHub 上分享您的意見回饋。

實驗性的 serverComponentsHmrCache 選項讓您可以在本機開發中,跨熱模組替換 (HMR) 重新整理,於伺服器元件中快取 fetch 回應。這可以加快回應速度並降低已計費 API 呼叫的成本。

預設情況下,HMR 快取適用於所有 fetch 請求,包括帶有 cache: 'no-store' 選項的請求。這表示未快取的請求在 HMR 重新整理之間不會顯示最新資料。但是,快取會在導航或完整頁面重新載入時清除。

您可以將 next.config.js 檔案中的 serverComponentsHmrCache 設定為 false 來停用 HMR 快取

next.config.ts
import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // defaults to true
  },
}
 
export default nextConfig

小提示: 為了更好的可觀察性,我們建議使用 logging.fetches 選項,它會在開發期間於主控台中記錄 fetch 快取命中和未命中。