HTTP 요청에 대한 시간 제한을 설정하면 응답을 기다리면서 연결이 영원히 중단되는 것을 방지할 수 있습니다. 사용자 경험을 향상시키기 위해 클라이언트 측에 설정할 수 있으며, 서비스 간 통신을 개선하기 위해 서버 측에 설정할 수 있습니다.

axios 패키지는 이 기능에 대한 시간 초과 매개변수를 제공합니다.

const HTTP_TIMEOUT = 3000;
const URL = 'https://www.google.com:81';

(async () => {
  try {
    await axios(URL, {
      timeout: HTTP_TIMEOUT,
    });
  } catch (error) {
    console.error('Request timed out', error.cause);
  }
})();

중단된 요청을 시뮬레이션하는 데에도 이 조각을 사용하세요.

데모

언급된 예가 포함된 데모는 여기에서 볼 수 있습니다.