Nuxt•13mo ago

Lowercase Authorization header

When calling our microservice with `$fetch(url, { headers: { Authorization: 'Bearer xyx' } }), the header interpreted by the microservice ends up as lowercase. Is there anyway to prevent the header from being lowercased?

kapa.ai•12/19/24, 2:17 PM

Hi @thorne51. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•12/19/24, 2:17 PM

----------------------
Based on the knowledge sources provided, there isn't specific information about preventing headers from being lowercased when using in Nuxt. However, I can provide some relevant information and a potential workaround.

In Nuxt, the utility is based on , which is designed to be consistent across different environments. The lowercasing of headers might be a default behavior to ensure consistency.

As a workaround, you could try using a custom fetcher or interceptor to set the headers. Here's an example of how you might create a custom fetcher:

Docs > Guide > Recipes > Custom useFetch (https://nuxt.com/docs/guide/recipes/custom-usefetch) provides a way to create a custom fetcher:

This custom fetcher allows you to set headers directly using the method, which might preserve the case of the header.

Alternatively, you could try using as mentioned in Docs > Api > Composables > useRequestFetch (https://nuxt.com/docs/api/composables/use-request-fetch), which forwards the request context and headers for server-side fetch requests.

If these approaches don't solve the issue, you might need to investigate further or consider adjusting your microservice to handle both uppercase and lowercase header names.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•12/19/24, 2:17 PM

@229918754069282818 Kapa.ai is still learning and improving, please let me know how I did by reacting below.