\r\nconst template = 'CustomPageTemplate';\r\nconst component = resolveComponent(template);\r\n```\r\n\r\nThis works (useFetch is not executed on the client):\r\n```\r\n\u003Ccomponent :is=\"component\" />\r\nconst component = resolveComponent('CustomPageTemplate');\r\n```\r\n\r\n3. The dynamic component uses NuxtLayout component\r\n\r\n### Additional context\r\n\r\nPossibly related to https://github.com/nuxt/nuxt/issues/13369\r\n\r\n### Logs\r\n\r\n_No response_",[2028,2029],{"name":1985,"color":1986},{"name":1988,"color":1989},19887,"useFetch runs twice if using layout and dynamic component","2023-12-23T16:21:27Z","https://github.com/nuxt/nuxt/issues/19887",0.670161,{"labels":2036,"number":2041,"owner":1991,"repository":1991,"state":1992,"title":2042,"updated_at":2043,"url":2044,"score":2045},[2037,2038],{"name":1988,"color":1989},{"name":2039,"color":2040},"2.x","d4c5f9",9590,"Composition-api useFetch warning (avoiding adding reactive properties & write operation failed)","2023-01-22T15:44:59Z","https://github.com/nuxt/nuxt/issues/9590",0.6728119,{"description":2047,"labels":2048,"number":2051,"owner":1991,"repository":1991,"state":1992,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, ssr, build, modules, vite\r\n- Runtime Modules: ()\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-vzhr2r?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nWhen using `useAsyncData` or `useFetch` inside the component in vMain of vuetify.\r\nOpen the console. can see that the call was run once on the server and client at the same time.\r\n```\r\n \u003CvApp>\r\n \u003CvMain>\r\n \u003CTest>\u003C/Test>\r\n \u003C/vMain>\r\n \u003C/vApp>\r\n```\r\nNo longer calls 2 times after removing the component from vMain\r\n```\r\n \u003CvApp>\r\n \u003CTest>\u003C/Test>\r\n \u003CvMain>\r\n \u003C/vMain>\r\n \u003C/vApp>\r\n```\r\n\r\n### Additional context\r\n\r\nShould this issue be fixed by vuetify or nuxt? But if nuxt can fix it, it can also prevent similar situations in other UI library pages.\r\n\r\n### Logs\r\n\r\n_No response_",[2049,2050],{"name":1985,"color":1986},{"name":1988,"color":1989},27230,"`useFetch, useAsyncData` Network calls duplication is broken","2024-05-15T06:05:33Z","https://github.com/nuxt/nuxt/issues/27230",0.6730149,{"description":2057,"labels":2058,"number":2061,"owner":1991,"repository":1991,"state":1992,"title":2062,"updated_at":2063,"url":2064,"score":2065},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.18.0`\r\n- Nuxt Version: `3.7.4`\r\n- CLI Version: `3.9.0`\r\n- Nitro Version: `2.6.3`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `-`\r\n- User Config: `app`, `modules`, `components`, `nitro`, `runtimeConfig`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`, `@nuxtjs/plausible@0.2.3`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ca @click=\"fetch('400')\"> 400 \u003C/a>\r\n \u003Ca @click=\"fetch('404')\"> 404 \u003C/a>\r\n \u003Ca @click=\"fetch('500')\"> 500 \u003C/a>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\" setup>\r\n const runtimeConfig = useRuntimeConfig()\r\n async function fetch(url) {\r\n await useFetch(`${runtimeConfig.public.apiURL}/${url}`, {\r\n onRequest({ request, options }) {\r\n console.log('Inside onRequest')\r\n },\r\n onResponse({ request, response, options }) {\r\n console.log('Inside onResponse')\r\n },\r\n onResponseError({ request, response, options }) {\r\n console.log('Inside onResponseError')\r\n }\r\n })\r\n }\r\n\u003C/script>\r\n```\r\n\r\n### Describe the bug\r\n\r\nOn a server error, useFetch fired twice. In my code example, 400 and 404 work as expected, but on 500 the request is fired again. Here are the console.log messages from the code if you click on every anchor.\r\n\r\n```\r\nInside onRequest test.vue:16:16\r\nXHRGET\r\nhttp://127.0.0.1:8000/400\r\n[HTTP/1.1 400 Bad Request 13ms]\r\nInside onResponse test.vue:19:16\r\nInside onResponseError test.vue:22:16\r\n\r\nInside onRequest test.vue:16:16\r\nXHRGET\r\nhttp://127.0.0.1:8000/404\r\n[HTTP/1.1 404 Not Found 12ms]\r\nInside onResponse test.vue:19:16\r\nInside onResponseError test.vue:22:16\r\n\r\nInside onRequest test.vue:16:16\r\nXHRGET\r\nhttp://127.0.0.1:8000/500\r\n[HTTP/1.1 500 Internal Server Error 11ms]\r\nInside onResponse test.vue:19:16\r\nInside onResponseError test.vue:22:16\r\n\r\nInside onRequest test.vue:16:16\r\nXHRGET\r\nhttp://127.0.0.1:8000/500\r\n[HTTP/1.1 500 Internal Server Error 10ms]\r\nInside onResponse test.vue:19:16\r\nInside onResponseError test.vue:22:16\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2059,2060],{"name":1985,"color":1986},{"name":1988,"color":1989},23457,"useFetch is fired twice if server returns with a 500 Error","2023-09-29T06:43:46Z","https://github.com/nuxt/nuxt/issues/23457",0.6737018,{"description":2067,"labels":2068,"number":2070,"owner":1991,"repository":1991,"state":1992,"title":2071,"updated_at":2072,"url":2073,"score":2074},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.23.0`\n- Nitro Version: `2.11.6`\n- Package Manager: `pnpm@9.15.4`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-thrqeevv?file=server%2Fapi%2Furi%2Findex.post.ts\n\n### Describe the bug\n\nI noticed an inconsistency in the blocking behavior of `useFetch` when the method is set to `POST`, where if the user is navigating to a page which uses the same component, the data change is rendered before the suspense of the new page resolves.\n\nIn the provided example, I have 2 `useFetch` calls inside `await Promise.all`. The expected behavior would be that the data on the page visually changes only after both of the promises are resolved - just like when you're navigating from `index.vue` to any of the pages in `dynamic/[uri].vue`.\nHowever, this is not the case when going from `dynamic/[uri].vue` to `dynamic/[uri].vue`.\n\nI suppose this is because we don't include the `body` of the request in the hash for the payload key and thus, the key is the same for both the old & the new request, which updates the data that's currently being rendered on the page.\nhttps://github.com/nuxt/nuxt/blob/f6bbb8e87c0d48b5e45d959715b1f119be75635a/packages/nuxt/src/app/composables/fetch.ts#L248\n\nWould this be an ok fix, or can you see any problems with that?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2069],{"name":1988,"color":1989},31428,"Inconsistent blocking behavior of `useFetch` when the method is `POST`","2025-03-24T23:20:41Z","https://github.com/nuxt/nuxt/issues/31428",0.6746711,{"description":2076,"labels":2077,"number":2083,"owner":1991,"repository":1991,"state":1992,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### Environment\r\n\r\nNuxi 3.0.0-rc.13\r\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.18.0`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `yarn@1.22.18`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `target`, `meta`, `css`, `plugins`, `vite`, `build`, `modules`, `buildModules`, `typescript`, `components`, `vueuse`, `publicRuntimeConfig`\r\n- Runtime Modules: `@vueuse/nuxt@9.5.0`\r\n- Build Modules: `@pinia/nuxt@0.4.3`, `unplugin-icons/nuxt`\r\n------------------------------\r\n\r\n\r\n### Reproduction\r\n\r\n\r\nPage\r\n L component_1.vue\r\n L component_2.vue\r\n L conponent_3.vue\r\n\r\n\r\n\r\ncomponent_1\r\n`\r\nonMounted(() => {\r\n request('firstUrl')\r\n})\r\n\r\nconst request = async (url:string) => {\r\n const { data } = await useFetch(url, options)\r\n console.log(data)\r\n}\r\n`\r\n\r\ncomponent_2\r\n`\r\nonMounted(() => {\r\n request('secondUrl')\r\n})\r\n\r\nconst request = async (url:string) => {\r\n const { data } = await useFetch(url, options)\r\n console.log(data)\r\n}\r\n`\r\n\r\ncomponent_3\r\n`\r\nonMounted(() => {\r\n request('thirdUrl')\r\n})\r\n\r\nconst request = async (url:string) => {\r\n const { data } = await useFetch(url, options)\r\n console.log(data)\r\n}\r\n`\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nMy pages folder tree\r\n\r\nin each component(tabs), \r\nEach component requested the following api calls in the onMounted lifecycle.\r\n\r\nHowever, among the above three requests, \r\nI found that the data of the last request data goes into each result(component_1, component_2 result).\r\n\r\nuseFetch() \u003C- not working Async / await ? \r\n\r\nyou can find my log below, \r\n\r\nAs I expected, the response value should come right below each url,\r\nbut the last data comes 3 times after all url have been delivered.\r\n(see, logs)\r\nwhat should i do? help me:)\r\n\r\nuseFetch() can use 3.0.0-rc.8.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell\r\norders/usim/delivery/before/1/20\r\norders/usim/delivery/after/1/20\r\norders/usim/1/20\r\nProxy {success: true, data: {…}}[[Handler]]: Object[[Target]]: Objectdata: {list: Array(20), count: 1649}success: true[[Prototype]]: Object[[IsRevoked]]: false\r\nProxy {success: true, data: {…}}[[Handler]]: Object[[Target]]: Objectdata: {list: Array(20), count: 1649}success: true[[Prototype]]: Object[[IsRevoked]]: false\r\nProxy {success: true, data: {…}}[[Handler]]: Object[[Target]]: Objectdata: {list: Array(20), count: 1649}success: true[[Prototype]]: Object[[IsRevoked]]: false\r\n```\r\n",[2078,2079,2080],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2081,"color":2082},"needs reproduction","FBCA04",15419,"[Nuxt3.0.0-rc.13] UseFetch() when calling multiple request, only the last data is fetched.","2023-01-19T17:49:56Z","https://github.com/nuxt/nuxt/issues/15419",0.6749205,["Reactive",2089],{},["Set"],["ShallowReactive",2092],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"BXRwRVbef7EQGiTH3WI9Y2WPE3p5beB1xSfpwMK3Y3E":-1},"/nuxt/nuxt/23837"]