사용자 정의 후크 내에서 useFetch 사본을 만드는 방법은 무엇입니까?

Question

<p>여러 번 사용할 수 있는 후크를 만들려고 하는데 예상한 동작과 다릅니다</p> <p>/composables/fetch.ts</p> <pre class="brush:js;toolbar:false;">export const useFetchWithErrorHandler = async (url: string, options?: FetchOptions) => const 경로 = useRoute(); const { API_BASE_URL, API_PREFIX } = useRuntimeConfig(); console.log(url, 옵션); return new Promise(async (해결, 거부) => { const 응답 = useFetch(API_PREFIX + url, {)를 기다립니다. ...옵션, 기본 URL: API_BASE_URL, 초기 캐시: 거짓, async onResponse({ 요청, 응답, 옵션 }) { console.log('[응답 가져오기]', 응답); }, async onResponseError({ 요청, 응답, 옵션 }) { console.log('[응답 가져오기 오류]'); }, }); 해결(응답); }); </pre> <p>첫 번째 요청만 트리거합니다</p> <pre class="brush:js;toolbar:false;">const { data: response } = wait useFetchWithErrorHandler(`page-1`, { 선택: ['데이터'], }); const { 데이터: 응답 } = useFetchWithErrorHandler(`page-2`, { 대기) 선택: ['데이터'], });

Answer 1

useFetch 여러 개의 동일한 요청을 방지하려면 캐싱을 사용하세요.

initialCache: false와 같은 옵션에서

를 설정하면 캐싱을 비활성화할 수 있습니다. 으아악