vue全局路由守卫

Posted luguankun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue全局路由守卫相关的知识,希望对你有一定的参考价值。

在main.js里使用方法 router.beforeEach((to,from,next)=>{})

to,是将要跳转的路由,

from,是上一个路由

next是个方法,判断to.path 或者 from.path ,如果符合条件,则允许跳转

 

 例子:

main.js

router.beforeEach((to,from,next)=>{
  if(to.path==="/about"){
    alert("登陆后方可查看")
  }else{
    next();
  }
})

 

以上是关于vue全局路由守卫的主要内容,如果未能解决你的问题,请参考以下文章

Vue 导航守卫

Vue路由守卫详解

vue的路由守卫都有哪些?

vue之路由导航守卫-全局前置守卫

Vue router 全局路由守卫

Vue router 全局路由守卫