Nuxt useFetch에서 중복 요청 제어하기
·
nuxt
Nuxt의 useFetch는 편리한 데이터 패칭 기능이지만, 클라이언트 사이드에서 동일한 API를 반복 호출할 때 중복 요청 문제가 생길 수 있다. 이를 제어하는 중요한 속성이 바로 dedupe다.✅ dedupe: cancel vs deferdedupe는 중복 요청에 대한 처리 전략을 설정하는 속성이다.cancel (기본값): 같은 요청이 여러 번 발생하면 앞의 요청은 취소되고, 서버로는 모든 요청이 전송되지만, 결과는 공유된다.defer: 이미 같은 요청이 진행 중이면 새로운 요청은 보내지 않고 대기하며, 첫 요청이 완료되면 그 결과를 공유한다.🧪 테스트 코드 예시서버 API 코드export default defineEventHandler(async (event) => { console.log("[..