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)
到此这篇vue路由守卫 安全（vue3.0路由守卫）的文章就 介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/25253.html