RuoYi-Vue——关于登录后不同角色跳不同页面

场景：

不同的角色登录跳不同的首页？
菜单结构已设置好，突然某角色要登录后跳菜单内指定页面？

使用RuoYi-Vue做二次开发的小伙伴，或多或少遇到过以上问题，下面我就跟大家分享一下我的解决办法。

想了解若依登录详细流程的猿友推荐以下文章

登录流程的后端代码分析

登录流程的前后端逻辑分析

登录流程：账号密码 -> 跳转路由地址 ->路由拦截 ->加载用户信息 ->跳转页面

1.登录页面输入账号密码验证后,跳转路由（views/login.vue）

2.路由拦截，获取角色作判断，修改path为要跳转的网页路径即可（src/permission.js）。

注意：path路径是跳转的网页路径哦，如下

最后祝大家岁岁平安，永无Bug！

RuoYi-Vue——关于登录后不同角色跳不同页面相关推荐

用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...
这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供 ...
html 登录判断跳转页面跳转页面,js判断登录与否并确定跳转页面的方法
本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无customerID: fun ...
登录成功后服务器响应跳转页面,Java模拟腾讯微博的网页登录成功
继昨日[Java模拟腾讯微博的网页登录失败],终于找到了原因,问题出在登录时u1这个参数上. 在官方的JS中,"http://t.qq.com"是被URL编码后发送的,而我当时以为 ...
html js验证登录页面,js判断登录与否并确定跳转页面的方法
本文实例讲述了js判断登录与否并确定@R_384_404@面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无custome ...
花裤衩 / vue-element-admin 的项目打包后发现不能跳转页面问题解决
项目install后build打开html文件跳转页面没有反应原因:因为项目中import Cookies from 'js-cookie' 使用无法进行页面跳转需要放到web服务上才能运行. 解决 ...
vue用路由守卫进行登录后的路由跳转
昨天已经成功地获取到登录的token,并将token存储在session storage中,今天完成了获取到token之前与之后内容页与登录页之间的路由跳转,主要用路由守卫来实现在 router/i ...
spring security导致登录后从https跳转至http解决方案
1. 项目为spring boot项目,由原来的http连接更换为https连接,因项目中配置的了spring security,登录被spring security拦截重定向后会跳转到http 解决 ...
Vue登录拦截登录后继续跳转指定页面
在开发中我们经常遇到这样的需求,需要用户登录后才可以访问该页面,如果用户没有登录点击该页面时则自动跳转到登录页面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 1.在路由器router下 ...
管理员用户不同身份登录页面代码PHP,wordpress管理员登录和普通用户登录后跳转到不同页面-♚付涛纪实阁♚...
这篇文章将向您展示WordPress用户登录后如何重定向到指定页面或者文章的技巧. 一.重定向到网站管理面板. 将以下代码添加到您的当前主题的 functions.php 文件中二.重定向到指定页面 ...
html密码验证并跳转页面,vuejs 实现前后端分离登录验证和页面自动跳转
使用的技术点: vue-router axios vuex element-ui qs 项目介绍: 这个项目是一个类似google相册功能的项目,目前实现的是图片特征提取,可以以图搜图,最终打造成一个 ...

RuoYi-Vue——关于登录后不同角色跳不同页面

RuoYi-Vue——关于登录后不同角色跳不同页面相关推荐

最新文章

热门文章