本文详细介绍了Vue路由的全局前置、后置守卫以及独享和组件内路由守卫的用法，包括权限管理、路由元信息的利用。同时，讨论了缓存路由组件的概念，帮助理解在不同场景下的路由策略。
to：要跳转到的目标路由
from：从当前哪个路由进行跳转
next：不做任何阻拦，直接通行，该往哪个路由跳转就往哪个跳转
//全局前置路由守卫————初始化的时候被调用、每次路由切换之前被调用
router.beforeEach((to,from,next)=>{
console.log(“全局前置路由守卫”)
console.log(to,from)
if(to.name === “用户”){
if(localStorage.getItem(‘username’) === “唯一的阿金”){
next()
}else{
alert(‘用户名不正确，没有权限查看！’)
}
}else{
next()
}
})
点击 Home主页 ，路由守卫不会阻拦，打开控制台查看 to 和 from 的内容
最低0.47元/天 解锁文章
扫一扫
699
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
