`\r\n- Add a script tag and create a new method `onInputChange` like this : \r\n````\r\nonInputChange (e) {\r\n const file = e.target.files\r\n await $fetch('/api/uploadFile', {\r\n method: \"POST\",\r\n body: {\r\n files: file\r\n },\r\n headers : {\r\n \"Content-Type\": \"multipart/form-data\"\r\n }\r\n })\r\n}\r\n````\r\n- After that create a new ssr api in the `server/api` directory like this : \r\n\r\n````\r\nimport FormData from \"form-data\";\r\nimport { manageErrorServer } from \"~~/utils/manageErrorServer\";\r\nexport default defineEventHandler(async (event) => {\r\n const config = useRuntimeConfig();\r\n const body = await useBody(event);\r\n try{\r\n const res: Record\u003Cstring, any> = await $fetch(\r\n ${config.API_BASE_URL}+\"smart-product\",{ \r\n method: 'POST',\r\n body: body,\r\n headers: {\r\n \"Content-Type\": \"mutlipart/form-data\"\r\n }\r\n }\r\n )\r\n return res\r\n } catch (e) {\r\n console.log(\"erreur \" + e.response)\r\n manageErrorServer(e);\r\n }\r\n });\r\n````\r\n### Describe the bug\r\n\r\nThe multipart/form-data is not sent by $fetch, either on the first call to the ssr api or on the second call to the backend\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2958,2959],{"name":2922,"color":2923},{"name":2931,"color":2932},15003,"cannot send FormData in `$fetch` body","2024-04-15T18:42:31Z","https://github.com/nuxt/nuxt/issues/15003",0.773544,{"description":2966,"labels":2967,"number":2971,"owner":2872,"repository":2972,"state":2937,"title":2973,"updated_at":2974,"url":2975,"score":2976},"",[2968],{"name":2969,"color":2970},"dev","018415",1164,"nuxt.com","[Agencies]: refacto types (TS)","2023-02-15T12:31:12Z","https://github.com/nuxt/nuxt.com/issues/1164",0.7772729,{"description":2978,"labels":2979,"number":2982,"owner":2872,"repository":2873,"state":2937,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### Description\n\nHi there,\nFirst of all, thanks for the amazing work on the v3, it looks really promising !\n\nI'm struggling with **USlideover** in a CRUD app. What I'm trying to build is a table listing posts (using **UTable**), from which you can open post details in a **USlideover**, or open a form to edit this post also in a **USlideover**. I feel like the programmatic usage of USlideover (with `useSlideover` and a dedicated component) would be the most appropriate. This would also allow me to open posts info or edit form from elsewhere in the app.\n\nBut I can't get it to work properly. In fact, since the component only mounts once when opening the **Slideover** for the first time, it seems difficult to change the content at the right time without using tricky workarounds.\n\nSo the question : is there already a way to force USlideover to mount/unmount on open/close ? Or should we implement this as a feature (i.e: a `unmount` prop) ?\n\nOr, am I doing it wrong and there is a more convenient way to do this ?\n\nHere you can find a small and basic reproduction with just the \"show\" details slideover : https://codesandbox.io/p/github/robinsimonklein/nuxt-ui-3-crud-slideover/main?import=true or https://github.com/robinsimonklein/nuxt-ui-3-crud-slideover\n\nThanks for your help!",[2980,2981],{"name":2866,"color":2867},{"name":2869,"color":2870},3157,"Unmount UModal or USlideover when closed","2025-02-27T16:32:50Z","https://github.com/nuxt/ui/issues/3157",0.77829874,{"description":2988,"labels":2989,"number":2992,"owner":2872,"repository":2872,"state":2937,"title":2993,"updated_at":2994,"url":2995,"score":2996},"Although it can be used, there are warnings. Why? Can't I keep using useFetch?\r\n\r\n\r\n\r\n\r\n```\r\nimport type {UseFetchOptions} from \"#app\";\r\nimport type {Ref} from \"vue\";\r\nimport type {SearchParameters} from \"ofetch\";\r\n\r\nconst request = async \u003CT = any>(url: any, options: any) => {\r\n const config = useRuntimeConfig();\r\n //设置url\r\n options.baseURL=config.public.apiBase\r\n let token = useCookie(\"manageToken\")\r\n let customHeaders: { \"Content-Type\": string, Authorization?: string } = {\"Content-Type\": \"application/json\"}\r\n const res=await useFetch\u003CT>(url, {headers: customHeaders,...options})\r\n if(process.client){\r\n if(res.error&&res.error.value){\r\n ElNotification({\r\n title: '系统错误提示',\r\n message: res.error.value.message,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else if (res.data.value&&(res.data.value as any).Msg) {\r\n if((res.data.value as any).Code===0){\r\n ElNotification({\r\n title: '系统提示',\r\n message: (res.data.value as any).Msg,\r\n type: 'success',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else{\r\n ElNotification({\r\n title: '错误提示',\r\n message: (res.data.value as any).Msg,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n }\r\n }\r\n\r\n return res\r\n};\r\ntype ResponseType\u003CT = any> = T extends undefined ? CommonResponse\u003Cany> : CommonResponse\u003CT>;\r\n\r\nexport const http = {\r\n get: \u003CT = any>(url: Ref\u003Cstring>|string, query?: SearchParameters, opts?: UseFetchOptions\u003CT>) => {\r\n return request\u003CT>(url, {...opts,...{method: 'GET', query}});\r\n },\r\n post: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n put: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'PUT', body}});\r\n },\r\n postGetList: (url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CCommonResponseGetList>>) => {\r\n return request\u003CCommonResponseGetList>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n}\r\n\r\n```",[2990],{"name":2991,"color":2935},"needs reproduction",27242,"[useFetch] Component is already mounted, please use $fetch instead. See https://nuxt.com/docs/getting-started/data-fetching","2024-06-27T14:10:07Z","https://github.com/nuxt/nuxt/issues/27242",0.77848744,["Reactive",2998],{},["Set"],["ShallowReactive",3001],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fIKK-QNYths7GDZCXCG1VBy-8-oZc-tsEcsRFTNxgp9c":-1},"/nuxt/nuxt.com/1419"]