Nuxt.jsでのAPIサーバーを利用したログイン処理について

Question

Nuxt.jsでのAPIサーバーを利用したログイン処理

axiosでapiサーバーにログイン情報を送信してログイン処理を行おうと思い最初は以下のコードを使用していました。

最初に利用していたコード

import axios from 'axios';

login() {
     await axios.post(/*api*/, /*ログイン情報*/).then((response) => {
        console.log(response);
    });
}

ですが、nuxt.jsにおいてログインやログアウトなどの処理を行うのはこちらの方法を用いるのが適切なようです。
https://auth.nuxtjs.org/

知りたいこと

なぜコンポーネントでaxiosを利用せずにこちらのような方法を利用するのでしょうか？
また、この方法が一般的なのでしょうか？

Answer 1

Nuxt authはaxiosでのログインをvuexに保存することで簡単にログインを実装できるものです。
axiosで自分で実装できるなら問題ないですが、簡単でかつ安全に実装できるので利用することが多いです

余談ですが:Nuxt.jsでしたら組み込みのNuxt axiosを使ったほうがいいと思いますよ

Comments

[karaimonoOitii]

こちらの方がメジャーなのですね。