エラー処理

Axios のエラーの一般的な構造は以下の通りです：

• message - エラーメッセージの簡単な概要と、失敗したステータス
• name - エラーの発生元を示します。Axios では常に 'AxiosError' になります
• stack - エラーのスタックトレースを提供します
• config - リクエストが行われた時点でユーザーが定義した、特定のインスタンス設定を含む axios の設定オブジェクト
• code - Axios が特定したエラーを表します。内部エラーの具体的な定義は下の表に示されています
• status - HTTP レスポンスのステータスコード。一般的なステータスコードの意味は こちら を参照してください

axios.get('/user/12345')
  .catch(function (error) {
    if (error.response) {
      // リクエストが行われ、サーバーは 2xx の範囲から外れるステータスコードで応答しました
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // リクエストは行われましたが、応答がありませんでした
      // `error.request` は、ブラウザでは XMLHttpRequest のインスタンスになり、
      // Node.js では http.ClientRequest のインスタンスになります。
      console.log(error.request);
    } else {
      // エラーをトリガーしたリクエストの設定中に何かが発生しました
      console.log('Error', error.message);
    }
    console.log(error.config);
  });

validateStatus 設定オプションを使用すると、エラーをスローする HTTP コードを定義できます。

axios.get('/user/12345', {
  validateStatus: function (status) {
    return status < 500; // ステータスコードが 500 未満の場合にのみ解決します
  }
})

toJSON を使用すると、HTTP エラーに関する詳細情報を含むオブジェクトを取得できます。

axios.get('/user/12345')
  .catch(function (error) {
    console.log(error.toJSON());
  });