Access Request info in interceptors hooks about ofetch HOT 6 CLOSED

Hi aliyr, you need to use:
request.headers.get('User-Agent') instead of request.headers['User-Agent']

from ofetch.

Hi aliyr, you need to use: request.headers.get('User-Agent') instead of request.headers['User-Agent']

Thank you @julien-terral, It will do

from ofetch.

@julien-terral I added this in my code and this error happened:

Error: Cannot read properties of undefined (reading 'get')

Also my Editor throws me this error:

TS2339: Property 'headers' does not exist on type 'RequestInfo'.   Property 'headers' does not exist on type 'string'.

Any ideas?

from ofetch.

I reproduce the exact same issue by my end :/
I have this error TypeError: Cannot read properties of undefined (reading 'get') when I'm trying to get headers in Nuxt3 with $fetch.

from ofetch.

I found the solution,
You shouldn't destruct the arguments of the function nor use .get method.

This is the code that works for me by setting header on data

onRequest(req) {
      req.options.headers = {
        ...(req.options.headers || {}),
        'some-header': 'some data'      
      }
}

from ofetch.

It is written in README that:

onRequest is called as soon as ofetch is being called, allowing to modify options or just do simple logging.

More accurately, onRequest is called before actual fetch function is called.

context.request eventually becomes the first argument of the fetch function (usually, it's a URL string), rather than what is called req object which is available in frameworks like h3 or Express.

This is why you can't use get method.

So, as @aliyr said, you have to modify context.options instead, which is passed as second argument to fetch function, if you want to modify requesting behavior.

from ofetch.