[解決済み] AxiosのHTTPエラーからステータスコードを取得するにはどうすればよいですか?
2022-03-22 21:31:03
質問
バカバカしいかもしれませんが、Axiosでリクエストに失敗したときのエラーデータを取得しようとしています。
axios
.get('foo.com')
.then((response) => {})
.catch((error) => {
console.log(error); //Logs a string: Error: Request failed with status code 404
});
文字列の代わりに、おそらくステータスコードとコンテンツを含むオブジェクトを取得することは可能でしょうか?たとえば、以下のようなものです。
Object = {status: 404, reason: 'Not found', body: '404 Not found'}
解決方法は?
によって返される文字列です。
toString
メソッドの
error
オブジェクトを作成します。(
error
は文字列ではありません)。
サーバーからレスポンスを受信している場合は
error
オブジェクトには
response
プロパティを指定します。
axios.get('/foo')
.catch(function (error) {
if (error.response) {
console.log(error.response.data);
console.log(error.response.status);
console.log(error.response.headers);
}
});
関連
-
Vueのクラススタイルの使い方の詳細
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] Node.js の console.log() で '[Object]' ではなく、完全なオブジェクトを取得するにはどうすればよいですか?
-
[解決済み] REST APIからデータを取得しようとしたときに、要求されたリソースに'Access-Control-Allow-Origin'ヘッダーが存在しない。
-
[解決済み】「GET」パラメータから値を取得する(JavaScript)【重複】。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
vue ディレクティブ v-html と v-text
-
Vueの「データを聴く」原則を解説
-
Vueのフィルタの説明
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】ExpressJS : res.redirect()が期待通りに動かない?
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?