Nuxt3中useFetch()为何会引发内存泄漏问题？

1. 默认自动缓存的累积问题 #

useFetch 是 useAsyncData 的封装，它默认会基于请求的 URL、方法等参数生成缓存键，把请求结果存入 Nuxt 的全局缓存层（比如 Nitro 缓存）。对于你这种固定URL的无参数请求，默认缓存策略不会主动清理这些缓存条目——随着请求量持续增长，缓存占用的内存会不断累积，最终导致堆内存耗尽。而你换成 useAsyncData(() => $fetch(url)) 的写法，默认是不开启自动缓存的，请求完成后相关数据不会被长期保留，自然不会有内存泄漏。

2. 请求上下文的残留引用 #

useFetch 内部会自动将当前请求的上下文对象（比如 req/res）绑定到缓存或请求实例上。在高并发场景下，这些上下文对象因为被缓存引用，无法被垃圾回收机制正常回收，导致内存中堆积大量无用的上下文实例。而直接用 useAsyncData 配合 $fetch，没有这种自动绑定上下文的逻辑，请求结束后上下文引用会被及时释放。

3. 内部状态跟踪的残留 #

useFetch 为了实现自动缓存、请求重试等功能，内部维护了更多的状态跟踪逻辑。在高并发请求下，部分未正确清理的 Promise 实例、状态监听器可能会被遗留下来，成为内存中的“僵尸”引用。相比之下，useAsyncData 包裹 $fetch 的逻辑更轻量化，状态跟踪的代码更少，出现残留引用的概率更低。

你可以做个验证：给 useFetch 加上 cache: false 配置，再跑相同的压力测试，应该能看到内存不再持续增长——这就能确认是默认缓存机制导致的泄漏问题。

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