사용자 정의 후크 내에서 useFetch 사본을 만드는 방법은 무엇입니까?
<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`, { 대기)
선택: ['데이터'],
});
