Vue-router的beforeEach如何实现路由跳转前的用户登录状态验证？

本文共计768个文字，预计阅读时间需要4分钟。

使用Vue进行用户登录状态验证及导航守卫功能，类似于生命周期钩子的导航锤子，包括路由进入前、进入后、更新时、退出前等几个阶段，主要用于控制导航的前进或后退、跳转等操作。其中，router.beforeEach是控制导航前的关键。

使用vue判断验证用户登录状态

• 导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要用于控制导航的前进后退或跳转等。
• 其中router.beforeEach就是路由进入前的周期，同时有路由的来源和去向两个参数，可以判断和控制当前路由的走向和重定向。
• 一般router.beforeEach配合vuex全局状态储存使用，验证用户登录状态。也可以结合sessionStorage 和localStorage使用，原理相同。