这是indexloc提供的服务，不要输入任何密码
Skip to content

Fix FormData boundary mismatch in OFetch client #2940

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Nov 14, 2025
Merged

Fix FormData boundary mismatch in OFetch client #2940

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b690d5c
Initial plan
Copilot Nov 6, 2025
edf4322
Fix FormData boundary mismatch in OFetch client
Copilot Nov 6, 2025
d4349f8
Clarify comment about FormData Content-Type handling
Copilot Nov 6, 2025
c488be5
Update all examples and snapshots with FormData fix
Copilot Nov 14, 2025
b290ec9
Create large-rats-hug.md
mrlubos Nov 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/large-rats-hug.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@hey-api/openapi-ts": patch
---

**client-ofetch**: fix FormData boundary mismatch
17 changes: 15 additions & 2 deletions examples/openapi-ts-ofetch/src/client/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...st/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/base-url-false/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...t/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/base-url-number/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...t/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/base-url-strict/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...t/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/base-url-string/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions .../test/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/clean-false/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...main/test/__snapshots__/3.1.x/clients/@hey-api/client-ofetch/default/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
17 changes: 15 additions & 2 deletions ...hots__/3.1.x/clients/@hey-api/client-ofetch/import-file-extension-ts/client/client.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ export const createClient = (config: Config = {}): Client => {
const applyRequestInterceptors = async (
request: Request,
opts: ResolvedRequestOptions,
body: BodyInit | null | undefined,
) => {
for (const fn of interceptors.request.fns) {
if (fn) {
Expand All @@ -138,6 +139,18 @@ export const createClient = (config: Config = {}): Client => {
// body comes only from getValidRequestBody(options)
// reflect signal if present
opts.signal = (request as any).signal as AbortSignal | undefined;

// When body is FormData, remove Content-Type header to avoid boundary mismatch.
// Note: We already delete Content-Type in resolveOptions for FormData, but the
// Request constructor (line 175) re-adds it with an auto-generated boundary.
// Since we pass the original FormData (not the Request's body) to ofetch, and
// ofetch will generate its own boundary, we must remove the Request's Content-Type
// to let ofetch set the correct one. Otherwise the boundary in the header won't
// match the boundary in the actual multipart body sent by ofetch.
if (typeof FormData !== 'undefined' && body instanceof FormData) {
opts.headers.delete('Content-Type');
}

return request;
};

Expand Down Expand Up @@ -176,7 +189,7 @@ export const createClient = (config: Config = {}): Client => {
};
let request = new Request(url, requestInit);

request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
const finalUrl = request.url;

// build ofetch options and perform the request (.raw keeps the Response)
Expand Down Expand Up @@ -235,7 +248,7 @@ export const createClient = (config: Config = {}): Client => {
method,
onRequest: async (url, init) => {
let request = new Request(url, init);
request = await applyRequestInterceptors(request, opts);
request = await applyRequestInterceptors(request, opts, networkBody);
return request;
},
serializedBody: networkBody as BodyInit | null | undefined,
Expand Down
Loading
Loading