您正在浏览 Nuxt 2 文档。前往 Nuxt 3 文档, 或了解更多关于 Nuxt 2 长期支持

命名中间件

使用命名中间件通过 store 验证用户身份,允许已认证用户访问页面


本示例中:

pages/named-middleware.vue 包含 middleware 属性,值为 auth,在用户进入路由前调用。

middleware/auth.js 检查用户是否已认证,如果未认证则重定向到认证页面。

pages/auth.vue 使用 store 验证用户身份。

store/auth.js 设置用户和密码值,并重定向用户。

Loading Sandbox...
Edit this page on GitHub Updated at Tue, Apr 14, 2026