logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

Nuxt 应用里的客户端路由中间件(Middleware)

  • 在nx应用中,可以在用户访问特定路由前通过路由中间件执行某些操作。
  • nx支持客户端和服务端运行的两种中间件。
  • 客户端路由中间件应放置在项目的 middle word 目录下。
  • 新建目录 middle where 并创建带有 .globe.ts 后缀的文件表示全局中间件,它会在所有路由上执行。
  • 不带 global 后缀的则是普通中间件,可在特定页面组件中指定使用。
  • 中间件文件中默认导出中间件函数使用 defineRoutMiddle 方法,此函数接收两个参数,分别表示路由的来源和目的地,并包含路由相关信息如地址查询符、参数等。
  • 全局中间件可以输出从 from pathtwo path 的路径信息。
  • 在浏览器中测试点击路由链接,可看到输出信息包含 fromto 参数的路径。
  • 中间件里的路由信息可用于逻辑判断和决定后续操作。