Prac0311
192
2021-11-23 13:56:03 작성 2021-11-23 13:56:21 수정됨
1
98

fetch 404 error 핸들링하는 방법


function userInfo(suburl) {


  const url = location.origin + '/' + suburl;

  fetch(url).then( (res) => { }).catch(error => console.error('Error:', error)); 

}

userInfo('731')


저 코드는 개발자도구에서만 실행하려고 만드는 스크립트인데요. 

근데 코드를 실행하면 특정 페이지가 존재할 때는 상관없는데 없는 경우

GET 404 Error가 발생하는데 해당 오류를 안뜨게 처리하고 싶습니다. 그래서 catch 문을 추가했는데도

에러가 발생하네요.. 원인이 뭘까요.



0
  • 답변 1

  • scissors hand
    207
    2021-11-24 11:49:05 작성 2021-11-24 11:56:37 수정됨

    fetch는 네트워크에 문제가 있는 경우에만 catch문을 탑니다. 보통은 모두 then을 타게 됩니다. 정상 응답이 아닌 경우에 catch문을 타게 하려면 아래 링크를 참고하시면 됩니다.


    이렇게 해도 catch문을 탄다 뿐이지 GET 404 Error 는 계속 나타나는데, 이것은 코드가 아니라 개발자 도구 옵션에서 "네트워크 숨기기"를 선택하셔야 합니다.

    "네트워크 숨기기" 선택시

    "네트워크 숨기기" 미선택시


  • 로그인을 하시면 답변을 등록할 수 있습니다.