middleware
Nuxt 提供中间件,用于在导航到特定路由前运行代码。
Nuxt 提供了一个可定制的路由中间件框架,你可以在整个应用中使用它,非常适合提取那些希望在导航到特定路由之前运行的代码。
共有三种路由中间件:
- 匿名(或内联)路由中间件,直接在页面内定义。
- 具名路由中间件,放置在
app/middleware/中,在页面中使用时通过异步导入自动加载。 - 全局路由中间件,放置在
app/middleware/中并带有.global后缀,会在每次路由改变时运行。
前两种路由中间件可以在 definePageMeta 中定义。
中间件的名称会被规范化为 kebab-case(短横线命名):
myMiddleware 会变成 my-middleware。路由中间件运行在你的 Nuxt 应用的 Vue 部分中。尽管名称相似,它与服务端中间件完全不同,后者运行在你应用的 Nitro 服务端部分。