解决vue 栏目权限管理，第一次跳转路由守卫拿不到值，需要手动刷新一下才能拿到值才有栏目的问题

最新推荐文章于 2024-01-23 13:44:48 发布
最新推荐文章于 2024-01-23 13:44:48 发布
阅读量1.7k 收藏 2
点赞数
分类专栏： vue 文章标签： 1024程序员节 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44121273/article/details/109267679
版权

前端小白，今天弄一个vue的权限管理，期间，路由守卫中拿不到方法调用的数据，原因是我的login方法中 用的context.dispath调用另外两个方法

在这里插入图片描述
在这里插入图片描述
小白我的解决方法
注释掉context.dispatch调用，在此处用 await 直接请求接口
在这里插入图片描述后面这些是我的解决思路，大忙人可以忽略了</

最低0.47元/天 解锁文章
哈萨黑
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue页面刷新记住页面状态的实现
10-15
主要介绍了Vue页面刷新记住页面状态的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue主动刷新页面及列表数据删除后的刷新实例
10-18
今天小编就为大家分享一篇vue主动刷新页面及列表数据删除后的刷新实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue2.0 实现导航守卫（路由守卫）
12-12
路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。 对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。 导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么叫吧。 贴上文档地址：https://router.vuejs.org/zh-cn/advanced/navigation-guards.html 全局守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ ...
vuex 需要手动刷新才能获取到token 无法正常登录 变量修改不正常 解决办法
arr的博客
03-20 2542
debug过程1.检查store设置2.检查token存放的位置3.检查axios的header是否设置了默认的token4.检查post的格式 bug状况:每次登录之后,后台都是无token无权限状态的.需要手动刷新重新载入才能有token 1.检查store设置 store目录下的js文件,需要有以下几个变量: export default new Vuex.Store({ state:{...
vue的路由权限控制，如何从后台获取数据
高先生的猫
08-13 1504
路由权限控制常用于后台管理系统中，对不同业务人员能够访问的页面进行一个权限的限制， 对于无权限的页面可以跳转404页面或者提示无权限。 方式一：路由元信息（meta） 把所有页面都放在路由表中，只需要在访问的时候判断一下角色权限即可。vue-router 在构建路由时提供了元信息 meta 配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其路由跳转。 在 meta 属性里，将能访问该路由的角色添加到 roles 里。用户每次登陆后，将用户的角色返回。然后在访问页面时.
sessionStorage打开新的标签页数据丢失, 共享数据
Ton555555的博客
08-17 3189
一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等 后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。 后来想了一下，可以利用window.opener来解决，自己写了一个set和get函数，如下： 封装全局函数: function setSession(name, valu
vue路由守卫+cookie实现登录时间和鉴权
Wen_Tao98的博客
11-29 842
vue路由守卫+cookie实现页面跳转时验证用户是否登录----（一）cookie篇 vue路由守卫+cookie实现页面跳转时验证用户是否登录----（二）设置路由守卫
右键打开新的标签页，sessionStorage失效
旺旺
03-30 4036
项目场景： 所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？ 问题描述： 在今天开发的项目中，有一个需求，需要在a页面通过target="_blank"跳转打开一个新的标签页b，在跳转的过程中，需要把a页面相关的信息通过缓存传到b页面，通过使用sessionStorage实现，不过在跳转之后发现sessionStorage为空，为什么sessionStorag.
vue设置cookie和路由守卫
Pert的博客
08-10 5602
vue cookie
vue router params传参，路由守卫中无法获取
SimpleCow的博客
02-24 1100
场景： 我使用router的params进行传参，在路由守卫中获取参数进行判断 现象： 守卫中无法到获取参数 解决方案： 将“path”参数替换为router中对应的“name” 不使用“params”传参，改为使用“query”传参 原因： “params”参数需要由“name”参数引入，有且只有“name”字段时（“name”和“path”同时存在时不可以），“params”存入的值才可被获取。 “query”却可以在“name”和“path”两种情况下正常工作传值取值 ...
Vue利用路由钩子token过期后跳转到登录页的实例
11-26
在Vue2.0中的路由钩子主要是用来拦截导航，让它完成跳转或前取消，可以理解为路由守卫。 分为全局导航钩子，单个路由独享的钩子，组件内钩子。 三种 类型的钩子只是用的地方不一样，都接受一个函数作为参数，函数...
vue中解决微信html5原生ios虚拟键返回不刷新问题
01-18
做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会...
vue实现未登录跳转到登录页面的方法
10-18
主要介绍了vue实现未登录跳转到登录页面的方法，主要目的是实现未登录跳转，需要的朋友参考下吧
vue2.0 实现导航守卫的具体用法（路由守卫）
12-09
路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。 对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。 导航守卫（navigation-guards）这个名字，听起来怪怪的，但...
Vue 路由--角色的权限控制
qq_28875189的博客
09-24 4476
Vue 路由–角色的权限控制 下面介绍两种权限控制的方法： 路由元信息(meta) 动态加载菜单和路由(addRoutes) 路由元信息(meta) 在一个网站上有不同的角色，要求不同的角色来访问不同的页面，我们的所有的路由都在路由表里，只要访问的时候通过（beforeEach 导航守卫）判断一下角色的权限。如果有权限就访问。没有权限就拒绝访问404。 在构建routers 路由信息的时，我们添加 meta 配置，在meat中添加路由对应的权限，然后在路由导航守卫中判断相关权限，控制路由跳转。 可以在每一个
VUE2页面刷新解决store数据丢失的问题
最新发布
qq_39196447的博客
01-23 903
监听 beforeunload 这个方法，beforeunload 在页面刷新时触发，监听 beforeunload 让页面在刷新前将数据存到 sessionStorage 中。然后，在页面刷新时，读取 sessionStorage 中的数据到 store 中。刷新页面时，vue实例重新加载，从而，store也被重置了。localStorage: 是永久存储，浏览器关闭后数据不会丢失，除非主动删除数据。系统登录后获取到用户权限存入store中，发现在刷新页面之后，store中的权限数据丢失了。
路由导航守卫
m0_62351775的博客
01-11 798
vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航 路由导航守卫分为全局路由守卫，组件级的，单个路由独享的 全局守卫 // 都是在main.js中去写的 - 全局前置守卫 router.beforeEach - 全局解析守卫 router.beforeResolve - 全局后置钩子 router.afterEach 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫 （在router/index.js) router.beforeEach.
Vue中路由守卫的使用
A32626231165165的博客
03-22 966
该文章摘录了项目中一些路由守卫的使用和介绍，如全局前置路由守卫搭配token的使用，路由独享守卫和组件内守卫的介绍
vue3 动态添加路由后 路由前置守卫中使用了 next({ ...to, replace: true }) 每次刷新页面都会走两次前置守卫 第一次会报警告找不到匹配路径 第二次就正常跳转 要如何解决
05-26
这个问题可能是因为路由动态添加后，第一次刷新页面时路由还未完全加载完成，导致在前置守卫中执行 `next({ ...to, replace: true })` 时找不到匹配路径，从而触发警告。而第二次刷新页面时，路由已经加载完成，因此...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值