路由中间件类似路由守卫,即在导航到特定路由之前运行一段代码
内联路由中间件
在页面中定义的路由中间件,因没有名称,所以也叫匿名路由中间件
命名路由中间件
在 middleware 目录中定义,如 middleware/routerInfo.ts
在页面中使用
路由中间件的名称会被规范化为 kebab-case 格式:myMiddleware 变成 my-middleware。
全局路由中间件
每次路由更改时都运行
通过添加 .global 后缀实现,如 middleware/routerInfo.global.ts
路由中间件的返回值
照常路由
无返回值时,即按原计划完成路由导航
路由重定向
重定向到给定的路径,并在服务器端发生重定向时设置重定向代码为 301
中断路由
路由中间件的执行顺序
1. 全局路由中间件
默认按全局路由文件名的字符串顺序
middleware/my.global.ts 会先执行
若想让 middleware/routerInfo.global.ts 先执行,可在文件名前加数字前缀,如
注意事项:
虽然目录中 2.my.global.ts 在上面,但 10.routerInfo.global.ts 会先执行,因为是按文件名的字符串顺序执行,所以个位数需加前缀 0,即 01 ,02
2. 页面中定义的中间件
按数组的顺序
即先执行匿名中间件,然后是 demo2,最后是 demo1
路由中间件的执行时机
默认情况下,因是服务器渲染,路由中间件在服务端渲染时会执行一次,在客户端渲染时,又会执行一次!
通过下方代码,可以精确自定义路由中间件的执行时机:
动态添加中间件
使用 addRouteMiddleware() 辅助函数手动添加全局或命名的路由中间件,比如在插件中添加。