Nuxt Nationカンファレンスが開催されます。11月12日と13日にご参加ください。

nuxt-auth-sanctum
nuxt-auth-sanctum

Laravel Sanctum認証用のNuxtモジュール

Nuxt Auth Sanctum

npm versionnpm downloadsLicenseNuxt

このモジュールは、クッキーベース認証を利用してNuxtでLaravel Sanctumを簡単に利用できる方法を提供します。SSR対応!

機能

  • useSanctumAuthは、現在のユーザーと認証メソッドに簡単にアクセスできるコンポーザブルです。
  • 自動CSRFトークンヘッダーとクッキーの管理
  • CSRモードとSSRモードの両方をサポート
  • 認証が必要なページ用の事前設定されたミドルウェア
  • 現在のユーザー情報を目的のクラスにキャスト
  • デフォルトNuxtofetchクライアントとの互換性
  • TypeScriptサポート

注:このモジュールを使用する前に、バックエンドでLaravel Sanctumを既に設定済みであることを確認してください。Laravel Sanctumの詳細についてはこちらを参照できます。

完全なドキュメンテーション - Nuxt Auth Sanctumドキュメント

クイックセットアップ

  1. プロジェクトにnuxt-auth-sanctum依存関係を追加します。
npx nuxi@latest module add nuxt-auth-sanctum
  1. nuxt.config.tsファイルで必要な設定を追加します。
export default defineNuxtConfig({
    modules: ['nuxt-auth-sanctum'],

    sanctum: {
        baseUrl: 'https://127.0.0.1:80', // Laravel API
    },
});

以上で完了です。これでNuxt Auth SanctumをNuxtアプリで使用できるようになりました✨

詳細については、こちらでドキュメントを確認してください。