Feature Request: AbortController shortcut syntax about ofetch HOT 8 CLOSED

A request-abort is much needed, especially for React/Vue projects.
Please provide a solution.

from ofetch.

It does support AbortController. $fetch accepts options whatever you passed in: https://github.com/unjs/ohmyfetch/blob/main/src/fetch.ts#L127.

For example:

  const controller = new AbortController();
  const signal = controller.signal;
  $fetch(url, { signal });

  controller.abort();

from ofetch.

In case it could help as inspiration, vueuse provides an abort() function from its version of useFetch()
https://github.com/vueuse/vueuse/blob/main/packages/core/useFetch/index.ts#L359
https://vueuse.org/core/useFetch/#aborting-a-request

The AbortController instance is created internally.

Using ofetch through Nuxt, i mostly use the built-in useFetch composables - not the vueuse one - thus not enjoying this easy-cancellable wizardry. Still it looks like the implementation could be borrowed.

from ofetch.

😶

from ofetch.

AbortController already works like @xuxucode has posted. I tried it. I think we can close this!

from ofetch.

Indeed. AbortController is supported univerally. I was keeping issue open if we can make a better shortcut syntax for ofetch for canceling requests..

from ofetch.

We expose an auto polyfilled version of AbortController with #268

from ofetch.

In case it could help as inspiration, vueuse provides an abort() function from its version of useFetch() https://github.com/vueuse/vueuse/blob/main/packages/core/useFetch/index.ts#L359 https://vueuse.org/core/useFetch/#aborting-a-request

I would also prefer to have a simple abort() function

from ofetch.