Skip to content

路由守卫

基础拦截

路由守卫的基础拦截目前有以下几种规则

1、是否有网络,有则放行,没有则跳转500,提示网络断开

2、去登录页,无token,放行

3、没有token,直接重定向到登录页

4、去登录页,有token,直接重定向到home页,除非用户在系统中确认退出登录

5、去非登录页,有网络、有token,校验是否动态添加过路由,添加过则放行,未添加则执行路由初始化

异常页面

路由守卫会拦截跳转异常的页面,跳转异常的页面是指:断网跳转、未知路由跳转、无权限路由跳转。

异常页面位置

src -> views -> error

断网跳转

在路由跳转前会判断系统是否联网,若未联网则拦截跳转,自动指向异常500页面。

在该页面点击返回时,系统会判断是否恢复网络链接,若恢复网络连接则返回上一级页面。

未知路由&无权限路由

在路由处理的过程中,系统会自动过滤掉无权限路由,若用户跳转的路由为系统中未添加的路由,系统会断定该路由不存在,自动指向异常404页面。

参考文档

导航守卫:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html

Navigator: onLine :https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/onLine

基于 MIT 许可发布