アプリにて、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/