You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

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

名前付きミドルウェア

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


この例において:

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

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

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

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

Loading Sandbox...