跳至内容
API 参考next.config.js 选项serverComponentsHmrCache

serverComponentsHmrCache

此 API 目前处于实验阶段,可能会发生变化。

实验性的 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 选项,该选项在开发过程中记录控制台中的获取缓存命中和未命中。