路由权限登录后还保留上一个登录角色的权限,刷新一下就好了的解决方案

简介: 路由权限登录后还保留上一个登录角色的权限,刷新一下就好了的解决方案

描述

在做权限的时候,角色一不能查看abc路由,角色一退出,管理员登录,管理员有全部访问权限,但是管理员登录后还还是角色一的路由权限,abc路由不能访问。但是刷新一下就可以了。

解决

在退出登录的时候加上 location.reload()

methods: {
    // 退出
    hSignOut(){
      // 清空token
      removeToken()
      location.reload();// 为了重新实例化vue-router对象 避免bug
      // window.location.reload(); // 强制刷新
      // 跳回登陆页
      this.$router.push({ path: '/login'})
      removeRoleName()
    }
  }

注意

不要使用 window.location.reload() 刷新,因为在退出以后还会有一个几秒的白屏阶段,用户体验不好,而使用 location.reload()就不会存在这个问题。

目录
相关文章
|
网络安全 计算机视觉
【node】 npm install 报错:code 128
【node】 npm install 报错:code 128
387 1
|
JavaScript 前端开发
Vue3--Vue Router详解--学习笔记
Vue3--Vue Router详解--学习笔记
183 3
|
JavaScript 前端开发
VUE3(三十六)压缩base64格式图片
VUE3(三十六)压缩base64格式图片
664 0
|
11月前
|
JavaScript
【vue】 vue 翻页时钟制作,vue2、vue3
【vue】 vue 翻页时钟制作,vue2、vue3
612 0
|
2月前
|
人工智能 Java 数据库连接
接口设计,接口返回信息,当账号不存在时候,应该返回200还是500,是直接返回R.fail()还是throw exception
本文探讨了Java接口设计中账号不存在时返回状态码(200、404或500)及处理方式(直接返回R.fail()或抛出异常)的选择。200适用于业务逻辑允许的情况,通过响应体告知客户端;404符合RESTful原则,表示资源未找到;500用于服务器内部错误。返回信息可使用R.fail()封装统一响应,或在异常情况下抛出异常并全局捕获。实际开发需依据业务需求与规范决定最佳方案。
85 5
|
7月前
|
缓存 JavaScript 前端开发
如何优化事件委托以提高性能?
【10月更文挑战第29天】通过以上优化方法,可以在一定程度上提高事件委托的性能,使其在处理大量DOM元素的事件时更加高效和可靠,为用户提供更流畅的交互体验。在实际应用中,可以根据具体的项目场景和性能瓶颈,有针对性地选择和应用这些优化策略。
|
6月前
|
前端开发 API 开发者
Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了Framer Motion,一个为React设计的动画库,提供了声明式API处理动画和页面转换,适合创建响应式用户界面。文章包括首屏加载动画、路由加载Loading、路由进场和退场动画等主题,并提供了使用Framer Motion和next.js实现这些动画的示例代码。最后,文章总结了这些效果,并邀请读者探讨更好的实现方案。
164 7
|
10月前
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
3235 0
|
8月前
|
JavaScript 索引
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
626 0
|
10月前
|
缓存 安全 JavaScript
技术分享:探索POST请求为何会发送两次的奥秘
【8月更文挑战第20天】在Web开发过程中,遇到POST请求被意外发送两次的情况并不罕见。这一现象不仅影响用户体验,还可能对服务器造成不必要的负担。本文将从多个维度深入剖析POST请求为何会发送两次,并分享相应的解决方案,助力开发者在日常工作中有效应对此类问题。
399 0