HTTP 상태 코드를 기반으로 가져오기 오류를 어떻게 적절하게 처리할 수 있습니까?

응답 상태로 가져오기 오류 캡처

Redux 및 redux-promise-middleware 라이브러리와 함께 fetch() API를 활용하고 있습니다. 코드 조각 내에서 응답 상태를 확인하고 오류를 처리하려고 합니다. 그러나 Promise가 거부되지 않는 문제가 발생했습니다.

Fetch Promise 거부 이해

Fetch Promise는 다음과 같은 이유로만 거부한다는 점에서 독특합니다. 네트워크 오류. 4xx(클라이언트 오류) 및 5xx(서버 오류)와 같은 상태 코드가 있는 응답은 비네트워크 오류로 간주됩니다. 결과적으로 거부가 발생하지 않습니다.

문제 해결

이 제한을 극복하고 상태 관련 오류를 처리하려면 수동으로 오류를 발생시켜야 합니다.

fetch(url)
  .then((response) => {
    if (response.ok) {
      return response.json();
    }
    throw new Error('Something went wrong');
  })
  .then((responseJson) => {
    // Handle the data
  })
  .catch((error) => {
    // Handle the error
  });

이 코드 조각은 응답 상태(response.ok)를 확인합니다. 문제가 있으면 Promise#catch() 핸들러를 트리거하는 오류가 발생합니다. 이를 통해 HTTP 상태 코드를 기반으로 오류를 적절하게 처리할 수 있습니다.

위 내용은 HTTP 상태 코드를 기반으로 가져오기 오류를 어떻게 적절하게 처리할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!