[javascript] Axios를 사용하여 요청 시간 초과 설정하기

21 Nov 2023

javascript

Axios는 자주 사용되는 JavaScript HTTP 클라이언트 라이브러리로, 브라우저와 Node.js에서 모두 사용할 수 있습니다. Axios를 사용하면 간편하게 HTTP 요청을 보낼 수 있으며, 제한시간을 설정하여 요청이 일정 시간을 초과할 경우 처리할 수 있습니다.

요청 시간 초과 설정은 timeout 옵션을 사용하여 구현할 수 있습니다. 이 옵션은 요청이 완료되기 전에 일정 시간 동안 응답이 도착하지 않으면 요청을 취소합니다.

아래는 Axios를 사용하여 요청 시간 초과를 설정하는 방법을 보여주는 간단한 예제입니다.

const axios = require('axios');

axios.get('https://api.example.com/data', {
  timeout: 5000 // 5초로 설정
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    if (error.code === 'ECONNABORTED') {
      console.log('요청 시간 초과');
    } else {
      console.log(error.message);
    }
  });

위의 예제에서는 axios.get 메소드를 사용하여 GET 요청을 보내고 있습니다. 옵션으로 timeout을 5초로 설정해두었습니다. 만약 응답이 5초 이내에 도착하지 않으면 요청은 취소되며, catch 블록에서는 ECONNABORTED 에러 코드를 확인하여 요청 시간 초과를 처리하고 있습니다.

Axios를 사용하여 요청 시간 초과를 설정하면 네트워크에 응답이 없는 경우에도 제한시간을 설정할 수 있어서 애플리케이션의 성능과 안정성을 향상시킬 수 있습니다.

참고자료