跳到内容
配置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 缓存的命中和未命中情况。