Route Middleware
All Nuxt.js topics∙ Topic
Route Middleware explains Nuxt route guard that runs before navigation resolves with focus terms: route, middleware, reference U05FAB7. You will learn the rule, failure mode, verification plan, and production evidence for this Nuxt.js topic.
Syntax
export default defineNuxtRouteMiddleware((to) => { return navigateTo('/login') })Example
// Topic: Route Middleware
const route = { path: '/admin', signedIn: false };
console.log(route.signedIn ? 'allow' : 'redirect:/login');
// Expected Output: redirect:/loginBest Practices
- 1Use route middleware for redirects and page access decisions, backed by server checks. Use the focus terms (route, middleware, reference U05FAB7) to keep this lesson tied to its exact Nuxt.js topic.
- 2Document Nuxt route guard that runs before navigation resolves with focus terms: route, middleware, reference U05FAB7 in the smallest useful page, layout, composable, store, server route, or deployment step.
- 3Represent every loading, success, denied, stale, and failure state that Route Middleware can expose.
- 4Test direct URL, refresh, anonymous, signed-in, forbidden, and expired states. Include a check for these focus terms: route, middleware, reference U05FAB7.
- 5Use correct redirects and blocked access tracked for route, middleware, reference U05FAB7 to guide improvements.