前端-vue全局路由守卫的详情

Vue 的全局路由守卫是 Vue Router 提供的一种机制，用于在整个应用的路由切换过程中进行全局拦截、控制或处理。它们独立于具体组件，作用于所有路由，能够在路由跳转的不同阶段插入自定义逻辑

为什么要介绍这个呢，因为前端路由如果可以渲染出界面来做测试会方便许多！

路由守卫一般有三个分别为

1. beforeEach（前置守卫）：路由切换前触发，可决定是否允许跳转、重定向或取消
2. beforeResolve（解析守卫）：在所有组件内守卫和异步路由加载完成后、导航确认前触发
3. afterEach（后置钩子）：路由切换完成后触发，仅用于执行收尾操作，不影响跳转
    

对于安全来说最重要的就是第一个，如果其他感兴趣可以自己研究
导航守卫 | Vue Router
下面就是路由守卫常见写法
关键是router.beforeEach，这个是不变的无论是经过webpack打包还是原来只要全局搜索beforeEach即可

如果我们绕过这个我们是不是可以直接访问后台了，可以看到官方也说了只要返回空就可以

所以如果遇到可以断点然后赋值为空或者true就可以。直接访问
下面举一个类似的例子

访问home也是如此,断点然后跟进找到关键，然后赋值为true直接进入后台

放包直接游客登录