<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`, { 대기) 선택: ['데이터'], });