《表2 常用的路由守卫：基于前后端分离架构的用户权限控制系统设计与实现》

  提示：宽带有限、当前游客访问压缩模式

本系列图表出处文件名：随高清版一同展现

《基于前后端分离架构的用户权限控制系统设计与实现》

1. 获取 高清版本忘记账户？点击这里登录

1. 下载图表忘记账户？点击这里登录

现在考虑另一种情况，某个用户登录之后记下了主页的地址，或者记下了一个自己没有权限访问的路由路径，然后在地址栏手动输入之后进行访问，此时系统就会出现安全隐患。因为是前后端分离的项目，前端路由变化引起的页面跳转后端并不知道，所以除了后端需要传递给前端特定角色的资源数据以外，前端同样需要做页面权限的校验。解决此问题的办法就是使用Vue.js的路由组件提供的路由守卫来进行逻辑判断，常用的路由守卫如表2所示。