>웹 프론트엔드 >JS 튜토리얼 >HTTP 상태 코드를 기반으로 가져오기 약속을 수동으로 거부하려면 어떻게 해야 합니까?

HTTP 상태 코드를 기반으로 가져오기 약속을 수동으로 거부하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-11-10 01:21:02542검색

How Can I Manually Reject Fetch Promises Based on HTTP Status Codes?

가져오기: HTTP 상태 코드를 기반으로 프라미스 거부 제어

가져오기 영역에서 프라미스는 일반적으로 네트워크 오류가 발생할 때만 거부됩니다. 그러나 4xx 또는 5xx HTTP 상태 코드가 반환되는 시나리오에서는 기본적으로 Promise가 거부되지 않습니다.

문제:
제공된 코드에서 다음을 시도하고 있습니다. HTTP 응답 상태가 오류를 나타낼 때 Promise를 가로채서 거부합니다. 그러나 Promise가 예상대로 거부되지 않습니다.

이유:
Fetch Promise는 네트워크 오류가 발생할 경우 TypeError로만 거부됩니다. 4xx 및 5xx 응답은 네트워크 오류가 아니므로 포착할 수 있는 것이 없습니다. Promise를 수동으로 거부하려면 오류를 직접 발생시켜야 합니다.

해결책:
이 문제를 해결하고 HTTP 상태에 따라 Promise를 거부하려면

import 'whatwg-fetch';

function fetchVehicle(id) {
    return dispatch => {
        return dispatch({
            type: 'FETCH_VEHICLE',
            payload: fetch(`http://swapi.co/api/vehicles/${id}/`)
                .then(res => {
                    if (!res.ok) {
                        const error = new Error('HTTP Error: ' + res.status);
                        throw error; // Throwing the error here will cause fetch to reject the promise
                    }
                    return res;
                })
                .then(res => res.json())
                .catch(error => {
                    throw error;
                })
            });
    };
}

가져오기 Promise 내에 오류 처리 논리를 도입하면 이제 HTTP 응답 상태가 성공하지 못한 조건을 나타내는 경우 Promise를 수동으로 거부할 수 있습니다. 이를 통해 redux 미들웨어의 catch 블록에서 오류를 적절하게 캡처하고 처리할 수 있습니다.

위 내용은 HTTP 상태 코드를 기반으로 가져오기 약속을 수동으로 거부하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.