首页 > 技术文章 > vue beforeEach导航守卫实现登录验证

tangjianqiang 2021-03-08 10:04 原文

先来捋一下,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

推荐阅读