router.beforeEach 全局守卫路由导航的用处及部分作用-白红宇的个人博客

发布日期：2022-02-06 00:27:13 浏览次数：42 分类：技术文章

本文共 347 字，大约阅读时间需要 1 分钟。

router.beforeEach就是全局守卫，也被叫路由导航

第一个重要的问题是它什么时候会执行呢？=>路由跳转就会触发

第二个重要的问题是它怎么写，有哪些参数，和注意点?=>

在路由中写上meta属性，实现左上角title的动态变化，如图

router.beforeEach((to, from, next) => {

// 从from跳转到to

// 实现动态切换document.title属性

document.title = to.matched[0].meta.title

next()保证往下执行记得写写

next()

})

结果如图：

第三它还有一个重要的应用就是对登录验证的判断，判断token是否存在。如果不存在，如果没有登录，跳转至登录页面next(’/login’)

转载地址：https://blog.csdn.net/weixin_46182770/article/details/120396280 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：vue动态路由传参 this.$router和this.$route的区别

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！