vue全局路由守卫beforeEach

Posted on 2019-04-11 11:41  猫头唔食鱼  阅读(3659)  评论(0编辑  收藏  举报

在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("登陆后方可查看")
next('/login') }
else{ next(); } })