Configurar um tempo limite para solicitações HTTP pode evitar que a conexão seja interrompida para sempre, aguardando a resposta. Ele pode ser configurado no lado do cliente para melhorar a experiência do usuário e no lado do servidor para melhorar a comunicação entre serviços.

axios fornece um parâmetro de tempo limite para esta funcionalidade.

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);
  }
})();

Use este snippet também para simular solicitações abortadas.

Demonstração

A demonstração com o exemplo mencionado está disponível aqui.