From 8c4a62b95087d137e722f8fe82b4020d1da1f04c Mon Sep 17 00:00:00 2001
From: Mike Laumann Bellika <5175031+MikeBellika@users.noreply.github.com>
Date: Tue, 13 Aug 2024 14:31:00 +0200
Subject: [PATCH] fix(nuxt): add reason when aborting request in `useFetch`
 (#28517)

---
 packages/nuxt/src/app/composables/fetch.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/app/composables/fetch.ts b/packages/nuxt/src/app/composables/fetch.ts
index 4a592175c9..093554f82b 100644
--- a/packages/nuxt/src/app/composables/fetch.ts
+++ b/packages/nuxt/src/app/composables/fetch.ts
@@ -152,7 +152,7 @@ export function useFetch<
   let controller: AbortController
 
   const asyncData = useAsyncData<_ResT, ErrorT, DataT, PickKeys, DefaultT>(key, () => {
-    controller?.abort?.()
+    controller?.abort?.('Request aborted as another request to the same endpoint was initiated.')
     controller = typeof AbortController !== 'undefined' ? new AbortController() : {} as AbortController
 
     /**
@@ -164,7 +164,7 @@ export function useFetch<
     const timeoutLength = toValue(opts.timeout)
     let timeoutId: NodeJS.Timeout
     if (timeoutLength) {
-      timeoutId = setTimeout(() => controller.abort(), timeoutLength)
+      timeoutId = setTimeout(() => controller.abort('Request aborted due to timeout.'), timeoutLength)
       controller.signal.onabort = () => clearTimeout(timeoutId)
     }