先来捋一下,vue中的守卫分为三种:全局的、单个路由独享的、组件内的三种
全局路由钩子:beforeEach(to,from, next)、beforeResolve(to,from, next)、afterEach(to,from);
独享路由钩子:beforeEnter(to,from, next);
组件内路由钩子:beforeRouteEnter(to,from, next)、beforeRouteUpdate(to,from, next)、beforeRouteLeave(to,from, next)
主要介绍一下比较常用的beforeEach做登录验证
这里没有介绍导航守卫具体参数(to,from,next),可以去了解一下官方文档:https://router.vuejs.org/zh/api/#router-beforeeach