Bagaimana untuk membuat salinan useFetch di dalam cangkuk tersuai?

Question

Saya cuba mencipta cangkuk yang boleh digunakan beberapa kali, tetapi tingkah laku yang saya perolehi bukanlah seperti yang saya jangkakan

/composables/fetch.ts

export const useFetchWithErrorHandler = async (url: string, options?: FetchOptions) =>
  laluan const = useRoute();
  const { API_BASE_URL, API_PREFIX } = useRuntimeConfig();

  console.log(url, pilihan);

  kembalikan Janji baharu(async (selesai, tolak) => {
    respons const = tunggu useFetch(API_PREFIX + url, {
      ... pilihan,
      baseURL: API_BASE_URL,
      initialCache: palsu,
      async onResponse({ permintaan, respons, pilihan }) {
        console.log('[fetch response]', response);
      },
      async onResponseError({permintaan, respons, pilihan}) {
        console.log('[fetch response error]');
      },
    });
    menyelesaikan (tindak balas);
  });


Hanya mencetuskan permintaan pertama
const { data: response } = tunggu useFetchWithErrorHandler(`page-1`, {
    pilih: ['data'],
});

const { data: respons } = tunggu useFetchWithErrorHandler(`halaman-2`, {
    pilih: ['data'],
});
            

Answer 1

useFetch Gunakan caching untuk mengelakkan berbilang permintaan yang sama.

Anda boleh melumpuhkan caching jika anda menetapkan initialCache: false dalam pilihan seperti

useFetch(API_PREFIX + url, {
    ...options,
    initialCache: false,
  }
)