Vue+Vue router+AxiosによるAPIエラーハンドリングとページ遷移の実装パターン - Qiita

この記事について Vueコンポーネント内やVuexのAction内などあちこちでAxiosによるAPIリクエストをしていると、エラーハンドリングを個別に記述しなければならなくなり、DRYではなくなってしまう APIリクエストでエラーが発生した場合に特定のページに遷移させたいのに、Vueインスタンスの外からは$router.push()が呼べない この記事では、上記のよくある問題をなるべくDRYかつシンプルに解決した方法を述べます。 検証環境 Vue2系（Options API、でもcomposition APIでも動くと思う) Vuex（今回の実装には関係ないけれど、Vuexを組み合わせる事も出来る） Vue Router JavaScript APIリクエストを1箇所で管理する 参考：https://kntmr.hatenablog.com/entry/2018/02/28/200112