如何在NextJS 13.4.19控制台开启FETCH调试（原13.4.4功能）

你提到的这个功能是NextJS的fetch缓存调试日志，核心关键词可以用「NextJS fetch cache dev logs」「NextJS fetch HIT/MISS日志」来搜索。

在13.4.19版本中，NextJS调整了默认日志策略，将该功能从默认开启改为需要手动启用，恢复方法有两种：

• 环境变量快速开启
  启动DEV服务时添加NEXT_DEBUG=fetch环境变量，修改启动命令为：

  NEXT_DEBUG=fetch yarn run dev
  

  也可以在项目根目录的.env.local文件中持久化配置：

  NEXT_DEBUG=fetch
  

• 通过next.config.js配置精细化控制
  在项目的next.config.js中添加日志配置，还能选择是否显示完整请求URL：

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    logging: {
      fetches: {
        fullUrl: true, // 设为true会显示完整请求地址，false则只显示路径
      },
    },
  };
  
  module.exports = nextConfig;
  

配置完成后重启DEV服务，就能在控制台重新看到fetch请求的缓存HIT/MISS状态信息了。

内容的提问来源于stack exchange，提问作者wiwo