[JS] fetch 성공 여부 확인하기

728x90

반응형

fetch를 사용할 때는 response.ok를 사용하여 성공 여부를 꼭 확인해야 한다. 

 

fetch는 네트워크에 오류가 있거나, 서버의 CORS 설정이 잘못된 경우 fetch를 거부한다.

그러나 이 2가지 경우는 권한 등 설정의 문제고, 404와 같은 응답은 네트워크 오류가 아니기 때문에 fetch를 거부하지 않는다.

 

위와 같은 이유로 fetch()가 성공했는지를 정확히 알아내려면 response.ok 속성의 값이 true인지도 확인해야 한다!

 

fetch('flowers.jpg')
  .then((response) => {
    if (!response.ok) {
      throw new Error('네트워크 응답이 올바르지 않습니다.');
    }
    return response.blob();
  })
  .then((myBlob) => {
    myImage.src = URL.createObjectURL(myBlob);
  })
  .catch((error) => {
    console.error('fetch에 문제가 있었습니다.', error);
  });

 

 

참고 자료

• mdn

 

 

 

---

질문이나 잘못된 점은 댓글로 남겨주세요 :)💖