[Web] Fetch API와 에러 핸들링


[Web] Fetch API와 에러 핸들링

Project Restoration - 댕근이다옹 프로젝트에서는 데이터 패칭 라이브러리로 React-Query를 채택하고 fetch API를 사용해 요청을 보내고 있었습니다. MOCK Server로 API 요청까지 성공한 후, 실제 API로 연동을 시작하게 되었는데요. 에러 핸들링을 위해 고의로 존재하지 않는 주소로 요청을 보냈는데, onSuccess가 트리거되는 이상한 현상을 맞닥뜨리게 되었습니다. 문제가 된 코드는 다음과 같습니다. export const addPost = async (data: PostModel) => { try { const response = await fetch('/good/offer/info', { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json', }, }); } catch (error) { ... } }; 이 문제를 해결하기 위해 처음 시도한...


#Fetch #ProjectRestoration #Web #댕근이다옹 #트러블슈팅

원문링크 : [Web] Fetch API와 에러 핸들링