位置: IT常识 - 正文
Vue3路由守卫(vue3路由守卫 微信授权登陆)
编辑：rootadminVue3路由守卫 路由守卫
本文链接地址:https://www.jiuchutong.com/zhishi/299294.html
转载请保留说明！
推荐整理分享Vue3路由守卫(vue3路由守卫 微信授权登陆)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vuerouter路由守卫,vue3路由守卫next({...to})怎么理解,vue3路由守卫 微信授权登陆,vue3路由守卫配置,vue3路由守卫 微信授权登陆,vue3路由守卫的钩子,Vue3路由守卫,vue3路由守卫的钩子,内容如对您有帮助，希望把文章链接给更多的朋友！
分类：
全局守卫
单个路由守卫
组件内部守卫
一.全局守卫全局前置守卫beforeEach场景：
用户页面是否跳转到登录界面，是否有权限跳转到某个页面定义：
beforeEach()全局前置守卫：初始化时执行、每次路由切换前执行；
三个参数：
to：要跳转到的目标路由
from：从当前哪个路由进行跳转
next：不做任何阻拦，直接通行，该往哪个路由跳转就往哪个跳转
route中有一个配置项是meta，专门提供给我们，在meta项中配置自己的属性与值，可用于在守卫中的权限判断
//前置路由import { userStore } from '../store/userInfo';router.beforeEach((to, from, next) => { const store = userStore(); //判断是否有权限返回登录界面 if (from.meta.isAuth) { if (store.userInfo.token) { next() } else { next("/login") } } else { console.log("没有权限"); next() }})全局解析守卫beforeResolve是获取数据或执行任何其他操作（如果用户无法进入页面时你希望避免执行的操作）的理想位置(用的不多)
全局后置守卫afterEach对于分析、更改页面标题、
下一篇：GELU激活函数(激活函数总结)