vue3导航守卫

vue3导航守卫router.beforeEach

我们在写后台登录系统的时候很多地方都会用到权限,比如说没有登录就不能进入到某页面,只有登录后才可以进入到某页面。
第一步在router文件中的index.js中添加一个对象,这个requireAuth中的布尔值用来判断是否需要进行登录验证
在这里插入图片描述
第二步在vuex中存储一个变量,也可以使用本地存储,这里我使用的是vuex
在这里插入图片描述
第三步在router文件中index.js
在这里插入图片描述
具体思路:当在HelloWord这个登录页面时根据输入的账号密码来进行请求接口,请求成功就返回一个用户id,然后再将这个用户id使用vuex进行存储,之后在router文件中进行判断,先判断要跳转的页面是否需要登录验证,需要的话再进行判断看这个用户id是否为空,为空就跳转到其他页面,不为空就进行一个页面跳转


版权声明:本文为weixin_52921550原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。