context.options.headers.get is not a function

[dongnaebi]

Environment

all environment

Reproduction

export const $ofetch = ofetch.create({
  timeout: 15000,
  onRequest({ options }) {
    options.headers = {
      ...options.headers,
      Authorization: token.value,
      UUID: uuid.value
    } as any
  },
})

Describe the bug

context.options.headers.get is not a function

I started getting this error after upgrading to version 1.5.0 — everything worked fine in 1.4.1 and earlier versions.

Additional context

No response

Logs

[kricsleo]

Can't reproduce in v1.5.0. Could you provide a minimal reproduction with this example? 🙏

[devcui]

context.options.headers.get is not a function too

[Umid-Berdiev]

got TypeError: u.options.headers.get is not a function in NuxtJS app

[yaowangmx]

nuxt@3.18.1 too

[kricsleo]

Can't reproduce in v1.5.0. Could you provide a minimal reproduction with this example? 🙏

Thanks for all the reports, but could anyone provide a reproduction? 🙏

[yaowangmx]

nuxt@3.18.1 too

Solution: Use new Headers to set the request headers in onRequest.
For example:

onRequest({ options }) {
  if (process.env.NODE_ENV === "production") {
    if (process.client) {
      options.baseURL = config.public.baseURL
    } else {
      options.baseURL = config.public.baseIntrantURL
    }
  }
  const hdrs = new Headers(options.headers || {})
  
  hdrs.set("X-Platform", "web")

  if (!process.client) {
    const reqHeaders = useRequestHeaders(["cookie"]) || {}
    if (reqHeaders.cookie) {
      hdrs.set("cookie", reqHeaders.cookie)
    }
    const { locale } = useI18n()
    if (locale?.value) {
      hdrs.set("locale", locale.value)
    }
  }

  options.headers = hdrs
}

[Umid-Berdiev]

Solution: Use new Headers to set the request headers in onRequest. For example:

thank you very much, worked for me

[pi0]

ofetch 1.15.1 has a hotfix to normalize overriden options.headers.