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

このスニペットは、中止されたリクエストをシミュレートする場合にも使用します。

デモ

上記の例を含むデモはここから入手できます。