vue router控制页面权限，切换账号出现router权限还是上一个登录人的

最新推荐文章于 2024-07-31 19:12:07 发布
原创 最新推荐文章于 2024-07-31 19:12:07 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍了一种在使用Vue.js进行前端开发时，解决退出登录后页面跳转问题的方法。通过在退出方法中加入特定的代码，实现用户在退出登录后能够正确跳转至登录页面，并保留之前的路由信息。

解决办法再退出方法里加上：

this.$router.replace(`/login?redirect=${this.$route.fullPath}`)
location.reload();//重新加载

 

vue 动态侧边栏菜单不更新问题（退出重登录管理员还是看到普通用户的菜单列表）
game_shader
10-24 1869
问题描述：登录普通账号；退出登录；登录管理员账号；主界面侧边栏看到的还是普通用户的功能列表； 期望：能看到管理员的功能列表； 问题原因：动态加载菜单的时候，过滤菜单时修改了基础菜单集合数据，用的是浅拷贝。 解决方案：改为深拷贝，可用序列号和解析来简单实现 问题跟进：改为深拷贝会引入新的问题，加载子菜单组件失败 新问题-解决方案：退出时，强制刷新整个界面 async logout() ...
vue动态路由切换用户，登录后还显示之前用户的路由
liuxi_happy的博客
05-30 2341
// 第一种可能，你在退出登录的时候没有清空 vuex中的路由，在退出的方法中添加 logout() { // SET_ROUTERS 这个字段是你在vuex中自己定义的字段 this.$store.commit("SET_ROUTERS", ""); this.$router.push('/login') }, // 第二种可能，你防止vuex刷新数据丢失，你在本地又存了一次，你在退出的方法中添加 logout() { // SET_ROUTERS 这个字段是你
路由权限登录后还保留上一个登录角色的权限，刷新一下就好了的解决方案
qq_30351747的博客
06-09 703
描述 在做权限的时候，角色一不能查看abc路由，角色一退出，管理员登录，管理员有全部访问权限，但是管理员登录后还还是角色一的路由权限，abc路由不能访问。但是刷新一下就可以了。 解决 在退出登录的时候加上 location.reload() methods: { // 退出 hSignOut(){ // 清空token removeToken() location.reload();// 为了重新实例化vue-router对象 避免bug //
vue addRoutes动态添加路由后，切换帐号，重新添加路由
rayshaan0123的博客
09-29 749
项目后台需要权限分配，做好之后发现切换帐号的话还是之前的路由，并没有重新添加 解决方法： login.vue页面
【vue问题】登录新用户时还保留上一个用户的权限
bidepanm的博客
07-05 337
1
vue router动态添加路由，退出登录重复问题
最新发布
m0_55967670的博客
07-31 551
vue-router
使用vue-router切换页面时，获取上一页url以及当前页面url的方法
10-17
Vue Router提供了丰富的API和生命周期钩子，使得在页面切换过程中可以进行各种操作，比如获取上一个页面和当前页面的URL。在本文中，我们将深入探讨如何利用Vue Router的生命周期钩子`canActivate`和数据获取方法`...
vue-router实现webApp切换页面动画效果代码
08-30
vue-router 实现 webApp 切换页面动画效果代码 本篇文章主要介绍了使用 Vue Router 实现 webApp 页面切换动画效果的实例代码。下面将详细介绍实现该动画效果的知识点。 一、为什么需要实现页面切换动画效果 在 ...
详解基于vue-router的动态权限控制实现方案
08-29
基于 Vue-Router 的动态权限控制实现方案 在本篇文章中，我们将详细介绍基于 Vue-Router 的动态权限控制实现方案。该方案主要解决了在使用 Vue 开发带权限管理系统时，如何动态加载路由 path 对应的 component 的...
vue-router 权限控制的示例代码
08-29
Vue-Router 权限控制的示例代码 本篇文章主要介绍了 Vue-Router 权限控制的示例代码，通过实例化 Login 类并初始化，获取服务器返回的菜单列表，然后配置路由信息，finally 实例化 Vue。文章还介绍了菜单权限和操作...
使用vue-router切换页面时实现设置过渡动画
10-16
在Vue.js应用中，使用vue-router进行页面切换时，我们经常希望添加过渡动画来提升用户体验。这篇文章将详细讲解如何在vue-router中实现页面切换的过渡动画。 首先，我们需要理解vue-router的基本概念。Vue Router是...
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
12-11
最近做vue 单页项目涉及到多角色用户权限问题，不同的角色用户拥有不同的功能权限， 不同的功能权限对应的不同的页面 git: https://github.com/pch1024/dynamicRouter 举个例子： 角色A =>功能1 =>功能2 =>功能3 角色B =>功能1 =>功能4 =>功能5 第1步 定义默认路由和动态路由 //动态路由(所有角色的都在这里,我们都做好组件页面了所以我们一定有这个，防君子不防小人) export const dynamicRouter = [ { path: '/b', name: 'b'
vue-router实现根据用户权限显示不同菜单-动态路由
热门推荐
weixin_42349568的博客
01-29 1万+
一，情景再现 做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是： 前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户的权限表，前端根据这个权限表遍历前端路由表，动态生成用户权限路由，然后使用vue-router提供的addRoutes,将权限路由表动态添加到路由实例中，整个过程大致如下： import Vue from 'vue' import VueRouter from 'vue-router' import s
IE11遇到登陆一个账号，再换其他账号时还是之前账号的信息
qq_35300804的博客
09-07 1696
IE11遇到登陆一个账号，再换其他账号时还是之前账号的信息 原因是我在验证登录之后，再跳转另一个页面时，会重新调用一个方法来获取用户信息，ie11在调用这个请求时 会访问缓存，而不会去后台服务器重新获取数据。 状态码返回的是304表示访问静态资源...
vue router控制页面权限，切换账号重新登录时跳转到同一个页面
ThisEqualThis的博客
06-08 1175
在logout函数中，添加以下代码： // redirect后面跟固定的路由，这样每次退出登录后都会跳转到相同的页面。 this.$router.push('/login?redirect=/auth/authCenter');
重新登录或切换用户后，路由列表没有更新
weixin_45646663的博客
09-07 653
路由更新问题
vue中跳转页面以后返回还是原来的值
weixin_44766633的博客
12-29 791
存储再localstorage中然后再取出来
vue.js：用户登录切换的小案例小问题处理
零小唬的博客
12-06 236
vue.js：用户登录切换的小案例小问题处理
vue 返回登录页
九亿宅男的梦的博客
02-25 660
1. this.$router.push('/login'); 2. async logout() { await this.$store.dispatch('logout_store'); this.$router.push(`/login?redirect=${this.$route.fullPath}`); },
vue-router权限控制实践与动态添加路由
"本文介绍了在Vue.js应用中使用vue-router实现路由权限控制的方法，包括思路、步骤和具体代码示例。" 在Vue.js开发中，vue-router是常用的路由管理库，但仅靠它本身无法实现完全的前端路由权限控制。本文将详细阐述...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值