Hello,大家好,我是爪哇小小怪,最近领导给我提了一个需求,希望把若依后台登录后,默认访问的首页改一下或者去掉首页,登录成功后跳转到指定的页面。今天这篇文章就分享一下,怎样进行修改。
1.把router/index.js里面关于首页的路由注释或者删除掉
2.在login.vue的登录方法中,修改登录成功后的跳转页面即可,login.vue文件在src/views目录下
3.打开后台页面进行登录,验证是否跳转到指定的页面
注意:这时候如果点击面包屑导航上的首页,会直接跳转到404页面,出现404的原因是:在第1步操作中首页路由已经被注释掉了。
解决这个问题的办法:找到src/components/Breadcrumb/index.vue组件中的getBreadcrumb()方法,把getBreadcrumb方法的与首页相关的代码改成自己设置的首页即可,如下图所示:
※ 注意:2024年9月8日 对2024年7月22日发布的这篇文章进行完善,不知道看过这篇文章的小伙伴们有没有发现文章其实是有漏洞的。如果按照上述的步骤修改后,会出现以下问题:
-
使用过RuoYi-Vue的小伙伴们,应该知道RuoYi-Vue 使用了tagsview标签导航栏,标签导航栏默认第一个首页导航,在路由中使用了affix固钉,设置affix:true, 则首页在标签导航栏是不可以关闭的。 而在上面第一步的操作中,我注释掉了原有的首页路由,登录后所跳转的路由并未进行设置affix属性为true,所以,如果将标签导航栏的路由全部关闭则页面会出现404的情况。见下方视频:
解决的方案如下:
在ruoyi-ui项目工程当中store->modules→permission.js文件,在这个文件中找到GenerateRoutes路由的生成方法。在这个方法中添加以下内容:
修改以后,可以看到tagsviews标签第一个导航将不可以关闭。注意:if( res.data.length && res.data[0].children && res.data[0].children.length) {} 中设置固钉的路由,图中所给的只是一个参考,小伙伴们根据实际情况自己去选择对那个路由设置固钉。
-
在RuoYi-Vue 左侧导航栏标题 “若依管理系统” 这个位置,系统在这一处本身是设置了router-link 路由跳转的,这个路由是默认跳转到首页,但上面的操作首页路由已经被注释掉了,所以这个时候点这个位置会跳转到404页面。
解决方案如下:
找到ayout→components→Sidebar目录下的logo.vue文件 更改to="/" 这里跳转的路径,下面提供一个参考示例:
-
RuoYi-Vue中是有路由守卫的,如果浏览器cookie中的token为空,则会强制跳转到登录页面,登录时请求后端接口,登录成功后获取token,跳转到指定的页面。 但此时 cookie中token还未过期,(注:在RuoYi-Vue中cookie和session是同一时间过期)
此时,直接输入ip + 端口访问则会直接跳转到404页面
解决的方法:
找到router→index.js文件,在公共路由(constantRoutes)中添加以下代码,如下图