[Nuxt3] API 오류 시 재호출 해제하기

 

Nuxt 3에서 useFetch를 사용할 때 기본적으로 retry 옵션이 설정되어 있어 504 에러가 발생하면 요청이 재시도될 수 있습니다. 이를 비활성화하려면 retry 옵션을 0으로 설정하면 됩니다.

다음은 useFetch에서 retry를 해제하는 방법입니다:

const { data, error } = await useFetch('/api/endpoint', {
  retry: 0 // 재시도 비활성화
})

옵션 설명:

• retry: 요청이 실패했을 때 재시도할 횟수를 설정합니다.
  • 기본값은 1이며, 0으로 설정하면 재시도하지 않습니다.

이 설정을 통해 504 에러 발생 시 추가 요청을 막을 수 있습니다.

추가로, 필요에 따라 타임아웃 시간(timeout)을 늘리거나 오류 처리 로직을 커스터마이징할 수도 있습니다.

 

 

 

Reference

- https://github.com/unjs/ofetch#-retry