Das Einrichten eines Timeouts für HTTP-Anfragen kann verhindern, dass die Verbindung für immer hängt und auf die Antwort wartet. Es kann auf der Clientseite eingestellt werden, um die Benutzererfahrung zu verbessern, und auf der Serverseite, um die Kommunikation zwischen Diensten zu verbessern.

Das Axios-Paket bietet einen Timeout-Parameter für diese Funktionalität.

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

Verwenden Sie dieses Snippet auch, um abgebrochene Anfragen zu simulieren.

Demo

Die Demo mit dem genannten Beispiel finden Sie hier.