🐛 multipart/form-data without boundary #276

Author: trydofor

layers/common/composables/UseApiRouteFetcher.ts

@@ -25,21 +25,27 @@ export const apiResponseEventBus = useEventBus<ApiResponseEvent, ApiResponseCont
  * * default - application/json, text/html
  *
  * @see https://github.com/unjs/ofetch/blob/main/src/fetch.ts
+ * @see https://github.com/trydofor/professional-razor/issues/97
  */
 export function apiRequestAcceptContentHook(accept = 'application/json, text/html', id = 'requestAcceptContent'): ApiRequestHook & { id: string } {
+  const vitest = typeof process !== 'undefined' && process.env.VITEST === 'true';
   return attachId(id, (context) => {
     const body = context.options.body;
     const headers = context.options.headers;
 
     if (!headers.has('content-type')) {
-      let contentType = 'application/json';
       if (body instanceof URLSearchParams) {
-        contentType = 'application/x-www-form-urlencoded';
+        headers.set('content-type', 'application/x-www-form-urlencoded');
       }
       else if (body instanceof FormData) {
-        contentType = 'multipart/form-data';
+        if (vitest) {
+          // just for testing, browser autoset, node ssr, should not here
+          headers.set('content-type', 'multipart/form-data');
+        }
+      }
+      else {
+        headers.set('content-type', 'application/json');
       }
-      headers.set('content-type', contentType);
     }
 
     if (!context.options.headers.has('accept')) {

layers/common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fessional/razor-common",
-  "version": "0.8.1-dev.14",
+  "version": "0.8.1-dev.15",
   "description": "common layer for mobile and desktop",
   "type": "module",
   "main": "./nuxt.config.ts",

layers/desktop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fessional/razor-desktop",
-  "version": "0.8.1-dev.14",
+  "version": "0.8.1-dev.15",
   "description": "desktop layer with vuetify",
   "type": "module",
   "main": "./nuxt.config.ts",

layers/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fessional/razor-mobile",
-  "version": "0.8.1-dev.14",
+  "version": "0.8.1-dev.15",
   "description": "mobile layer with ionic and capacitor",
   "type": "module",
   "main": "./nuxt.config.ts",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fessional/razor",
-  "version": "0.8.1-dev.14",
+  "version": "0.8.1-dev.15",
   "description": "Use front-end tech (Nuxt/Ts) to build multi-platform from one codebase, suitable for small team and app to write app once, apply almost anywhere.",
   "type": "module",
   "files": [