跳到主要内容

middleware

Nuxt 提供中间件,用于在导航到特定路由前运行代码。

Nuxt 提供了一个可定制的路由中间件框架,你可以在整个应用中使用它,非常适合提取那些希望在导航到特定路由之前运行的代码。

共有三种路由中间件:

  1. 匿名(或内联)路由中间件,直接在页面内定义。
  2. 具名路由中间件,放置在 app/middleware/ 中,在页面中使用时通过异步导入自动加载。
  3. 全局路由中间件,放置在 app/middleware/ 中并带有 .global 后缀,会在每次路由改变时运行。

前两种路由中间件可以在 definePageMeta 中定义。

中间件的名称会被规范化为 kebab-case(短横线命名):myMiddleware 会变成 my-middleware
路由中间件运行在你的 Nuxt 应用的 Vue 部分中。尽管名称相似,它与服务端中间件完全不同,后者运行在你应用的 Nitro 服务端部分。