vue路由守卫 安全(vue3.0路由守卫)

vue路由守卫 安全(vue3.0路由守卫)router beforeEach to from next gt 回调函数中的参数 to 进入到哪个路由去 from 从哪个路由离开 next 函数 决定是否展示你要看到的路由页面 如下 判断 to path 当前将要进入的路径是否为登录或注册 如果是就执行 next 展示当前界面 如果不是 就弹出 alert 然后移至登录界面 这样就可实现 用户在未登录状态下

大家好,我是讯享网,很高兴认识大家。



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

回调函数中的参数,

to:进入到哪个路由去,

from:从哪个路由离开,

next:函数,决定是否展示你要看到的路由页面。

  • 如下,判断to.path当前将要进入的路径是否为登录或注册,如果是就执行next(),展示当前界面。如果不是,就弹出alert,然后移至登录界面。
  • 这样就可实现,用户在未登录状态下,展示的一直是登录界面。

 

全局后置钩子router.afterEach((to,from)=>{})

  • 只有两个参数,
  • to:进入到哪个路由去,
  • from:从哪个路由离。
  • 如下,每次切换路由时,都会弹出alert,点击确定后,展示当前页面。

1.next()

2.next(false)

3.next('/')  


讯享网

4.next(error)  

  

  

 

小讯
上一篇 2025-05-22 21:35
下一篇 2025-06-13 09:10

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/202795.html