路由守卫
基础拦截
路由守卫的基础拦截目前有以下几种规则
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