未分類

Nuxtの$axiosにエラー処理を追加する方法

アプリにて、QiitaやGoogleのAPIを利用してデータを取得する処理がある。

このとき、エラーが発生することを想定し、エラー処理を記述する。

ただ、Nuxtの$axiosにエラー処理を追加する方法が分からなくて困ったのでまとめておく。

結論から言うと、catchでエラーを受け取れる。

例えば、以下のように記述できる。

let status = await this.$axios.$get(url)
.then(response =>{

result = response;
return 200;
})
.catch(err => {
console.log("err");
console.log(err);
this.isAPIError=true;
return err.response.status;
});

参考サイト

https://koukitips.net/how-do-i-use-axios-to-connect-to-nuxt-js/

https://mya-ake.com/slides/nuxt-axios-error-handling#14

https://ja.nuxtjs.org/guide/async-data/