serverComponentsHmrCache

实验性选项 serverComponentsHmrCache 允许您在本地开发环境中,跨热模块替换 (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 缓存的命中与未命中情况记录到控制台。