GitHubにNuxtJS（nuxt/auth）とLaravel Sanctumのサンプルプロジェクトを公開しました。Laravel Sanctumとnuxt/authによるSPA認証をすぐに体験できます。
GitHub - takabus/laravel-sanctum-nuxt-auth-sample: SPA authorization sample with Laravel Sanctum and NuxtJS official auth module.
SPA authorization sample with Laravel Sanctum and NuxtJS official auth module. - GitHub - takabus/laravel-sanctum-nuxt-a...
github.com
Laravel SanctumとNuxtJSによるSPA認証については、以前チュートリアル記事をアップしていますので、ご活用ください。
クローンする
まずはGitHubからクローンしてください。
git clone https://github.com/takabus/laravel-sanctum-nuxt-auth-sample.gitインストール（フロントエンド）
必要なライブラリをインストールします。
frontディレクトリでコンソールを起動し、npm installを実行します。
cd front
# フロントエンド（NuxtJS）の依存ライブラリをインストール
npm installインストール（バックエンド）
backディレクトリに移動し、composer installを実行します。
cd back
# バックエンド（Laravel）の依存ライブラリをインストール
composer install.env.exampleファイルをコピーして、.envファイルを作成します。
cp .env.example .env.env.exampleにはLaravel Sanctumの動作に必要な変数やテストユーザーを含むSQLiteデータベースへの接続設定が含まれています。詳しくはコメントをご確認ください。
APP_KEYを生成します。
php artisan key:generate以上でセットアップは完了です。
さわってみよう
Windowsの場合はstart.batを実行すると、バック・フロントエンドの開発サーバーが起動します。
ブラウザでフロントエンドの開発サーバー（http://localhost:3000/）にアクセスすると、SPA認証をお試しいただけます。
あらかじめテストユーザー（ID：t@localhost パスワード：password）を登録してありますので、ログインしてみてください。
コメント