Interceptor support?

[ariefsn]

Hi,
is this have interceptors?

Thanks,

[psycongaroo]

up

it will be so useful, could use it instead of axios

[ushironoko]

In Nuxt3, it is no longer possible to pass arbitrary fetches to useFetch. This will be an obstacle to migration for users who used to use @nuxtjs/composition-api's useFetch in combination with axios.

It would be nice if something like the axios interceptor could be implemented in ohmyfetch as well.

[danielroe]

@ushironoko The version that allows you to pass arbitrary fetches is called useAsyncData.

[pi0]

Just added a basic set of interceptors. Docs. ideas more than welcome to improve.

[ushironoko]

Looks like a very flexible API. Thanks!

[engenes]

@pi0

Just added a basic set of interceptors. Docs . ideas more than welcome to improve.

How can I catch only specific error and return a success response?

I want to intercept "not found error".
I make this:

Call function in component

const fetchOnClick = async () => {
 const data = await $fetch('bad_url', {
   onResponseError(ctx) {
     if (ctx.response.status === 404) {
       console.warn('Not found');

       return {
         status: 'error',
         error: {
           message: 'not found',
         },
       };

       return  Promise.reject(ctx)
     }
   },
 });

 console.log(data);
};

After response I see Not found, but data does not appear in log
That is, with such an error, I still want to get the correct message and clear the error.
So that only data that does not pass the condition enters the error

The documentation shows how to log errors, but it doesn't say how to intercept

I would like to process only those errors that match the condition and skip the rest further as in axios.

Now I see that you are suggesting to handle all errors
await $fetch(...).catch((error) => error.data)