如何像Axios一样使用$fetch重新发起/重新发送请求？

Question

我有一个 onResponseError 拦截器，我想在使用新的有效令牌更新其标头后重新发送原始请求。使用 Axios，这可能是这样的：

const originalRequestConfig = error.config;
// [...] Update the headers
return $axios.request(originalRequestConfig);

如何使用 $fetch 实现此目的？ 🤔

Answer 1

用这个 根据： https://nuxt.com/docs/getting-started/data-fetching 它是最常见用例的开发人员体验糖。

const { data, error , pending, ...} = await useAsyncData(url, () => $fetch(url))

如果返回错误，请重试

或

const { data: discounts, pending } = await useAsyncData('cart-discount', async () => {
  const [coupons, offers] = await Promise.all([$fetch('/cart/coupons'), $fetch('/cart/offers')])

  return {
    coupons,
    offers
  }
})

有不同的例子： https://nuxt.com/docs/getting-started/data-fetching