Nuxt 3 がリリースされました! https://nuxt.com/v3 で詳細について見れます。

翻訳されたページ このページのコンテンツは古い可能性があります。

名前付きミドルウェア

名前付きミドルウェアを使用して、ストアを使用するユーザーを認証し、認証されたユーザーがページを閲覧できるようにします


この例において:

pages/named-middleware.vue には middleware プロパティがあり、その値は auth で、ユーザーがルートに入る前に呼び出されます。

middleware/auth.js は、ユーザーが認証されているかどうかを確認し、認証されていない場合は、認証ページにリダイレクトします。

pages/auth.vue はストアを使用してユーザーを認証します。

store/auth.js は、ユーザーとパスワードの値を設定し、ユーザーをリダイレクトします。

Loading Sandbox...