于2022-09-23,做最新更新,如下:

抱歉,之前一直忘了看评论了,今天一看,发现还挺多。

评论里主要说的404问题,我没有复现出来,所以也不知道如何处理。

然后有个朋友私信给我说,能不能根据不同的用户角色显示不同的首页

然后花了一下午研究了一下,当然由于看到的太迟了,已经过了快半年了。。。,TA可能已经不需要了。

更新上来,为了自己记录一下,或者其他有需要的朋友也可以参考一下。具体更改如下:

1. src/store/modules/user.js

然后这里还要修改后台的login方法,在传回的res里面加上每个用户特有的首页,这里就不赘述了。

2. src/views/login.vue

这行代码就是定义,在登陆成功后,跳转到哪个页面。原语句的意思是,如果有redirect就跳到redirect,否则就用'/',这个'/'其实和' '应该是一个意思,都是代表直接访问端口。所以这里把它改成前面的indexPageUser就可以了。

然后这里插一句:这个redirect就是登录时,url里的redirect

然后它是怎么来的呢?详见src/permission.js。就是每次路由变化时,都会调用这个文件里的beforeEach方法,这个方法最下面写明:如果还没有登录并且当前路由不在白名单里,那么就跳转到login页,并且后面带上redirect=当前页面全路由。

================================分隔符============================

自己搞了一个去掉首页的方案,记录下来以防忘记。

如果有什么错误或者更好的方案,欢迎交流。

背景:

最近使用了一个叫Ruoyi的框架;

但是发现页面里总是有一个首页。

我做的是一个小系统,不需要首页,要去掉这个首页,但是没有找到哪里可以配置是否有首页的选项;所以我自己搞了一个解决方案,可选择是否有首页,并且登录后可自动打开某页面;

 步骤如下:

1、ruoyi-ui\src\components\Breadcrumb\index.vue

注释掉这段代码,因为它会在图中标红2处加上那个首页;

2、ruoyi-ui\src\layout\components\iNavbar.vue

ruoyi-ui\src\utils\request.js

这两个文件都会在调用LogOut方法后,执行 location.href = '/index'; 这个代码会使再登录时带上参数“redirect=%2Findex”,会导致登录后跳转到index这个首页;

将这句代码改为 location.href = this.$store.state.settings.indexPage; 这里的indexPage是我加的配置,后面会说明;

3、ruoyi-ui\src\settings.js  加上  indexPage: '  ',

ruoyi-ui\src\store\modules\settings.js 也加上indexPage 以供页面使用。

4、ruoyi-ui\src\router\index.js

注释掉首页的路由,加上自己想打开的路由;这个路由,目的是为了在直接访问端口,后续没有带具体路径时,跳转到redirect页面;

注意:

步骤3中indexPage的值,我这里设的是空字符串,与步骤4中path的值相同,所以登录后就会跳转到redirect设定的页面;

当然,这两处设的值也可以不同,比如:

indexPage:'/yyy/yyyy',{path:'',redirect:'/xxx/xxxx',
}

那么这时候,登录后打开的页面,与空路由访问的页面就是不同的;

RuoYi框架首页问题相关推荐

  1. ruoyi框架默认的导出Excel功能代码简析

    ruoyi框架默认导出Excel功能 项目使用的是RuoYi Bootstrap多模块版本4.7.2,启动项目后会有默认的导出功能.包括使用ruoyi自带代码生成器,都会有导出功能的附带.接下就讲解一 ...

  2. 前后端分离项目全环境搭建(Ruoyi框架)

    记录一下在全新的电脑上搭建前后端分离项目的全过程,方便下次继续Copy.(以Ruoyi框架为例子进行操作) 目录 前端 1.VsCode 2.NodeJs 后端 JDK idea Tomcat Mav ...

  3. Ruoyi框架学习总结--总览篇

    Ruoyi--vue版框架在线文档:介绍 | RuoYi 1.springboot 2.0 后端框架 2.spring security  权限管理 3.JWT(JSON Web Token)  To ...

  4. 关于ruoyi框架集成activiti步骤

    关于ruoyi框架集成activiti步骤 简介 傻瓜式集成步骤(后端部分) 傻瓜式集成步骤(前端部分) 简介 此集成参照的是gitee作者 CalvinHwang123源代码位置的集成方式,若依属于 ...

  5. ruoyi框架分页总条数total返回错误解决方案

    ruoyi框架分页总条数total返回错误解决方案 原因:因为自己重新定义了分页方法,如: 就会出现总数返回数据错误问题 总数会变成当前页条数的 这是分页的核心,这里传过来的list 没有 insta ...

  6. 【RuoYi框架】RuoYi框架学习超简单案例 - 新闻管理系统(附源码)

    文章目录 前言 一.需求 二.数据库设计 1.新闻菜单表(树表) 1.新闻内容表 三.运行RuoYi项目 1.创建数据库,运行sql文件 2.启动运行RuoYi项目 四.生成代码 1.添加字典(菜单显 ...

  7. 若依RuoYi框架浅析——导读

    文章目录 一.部署篇 二.基础篇 二.进阶篇 有超链接的博客,是已经写完的,可以直接点击进去看 没有链接的博客,是计划写的,还没写完,我会尽快写完 本博客可放心订阅,有问题直接在博客下面留言,我看到后 ...

  8. 基于ruoyi框架的模拟风电场监控项目(java+websocket)

    真正的大师,永远都怀着一颗学徒的心! 一.项目简介 基于ruoyi框架的模拟风电场监控项目(ruoyi框架+websocket). 二.实现功能 全场监控(全场地图.风机矩阵.风机列表) 数据统计(运 ...

  9. Ruoyi框架学习--定时任务

    什么是定时任务? 在实际项目开发中Web应用有一类不可缺少的,那就是定时任务. 定时任务的场景可以说非常广泛,比如某些视频网站,购买会员后,每天会给会员送成长值,每月会给会员送一些电影券: 比如在保证 ...

最新文章

  1. 谁说子网掩码的1必须连续?关于像255.255.0.255这样的非连续子网掩码
  2. 列表与表格的一些学习
  3. oracle php 配置,PHP + Oracle的配置
  4. getView的解析流程
  5. jep290涉及jdk版本_针对JDK 14提议的另外六个JEP
  6. 华为鸿蒙os电视测评,高端技术下放毫不吝啬!华为智慧屏SE系列评测:鸿蒙OS让入门大屏也好用...
  7. 进程的创建-fork(python版)
  8. MS SQL SERVER2005更新触发器
  9. Github上的优秀安卓项目
  10. java并发编程(四) 线程池 任务执行、终止源码分析
  11. 蓝桥杯 BASIC-10 十进制转十六进制
  12. ffmpeg 命令转vp9
  13. 记录虚拟机安装黑苹果
  14. ecu故障现象_案例-报ECU系统软件重置故障处理方案
  15. XPDL之流程定义元模型
  16. 腾讯云DNS 域名服务器(nameservers)修改
  17. CDN降价之后又一大招 阿里云PCDN正式开放申请
  18. java接口方式调用海康大华摄像机预览。
  19. 摄影基础1 : 135相机
  20. DataNode(面试开发重点3)

热门文章

  1. A类计算机机房温度变化,夏季什么样的温度才是机房适合的?
  2. 快速对齐word中目录的页码|容易上手的方法
  3. android-17手机,安卓手机好评排行:魅族17第四,小米10至尊第六,第一名意料之中...
  4. 计算机一级考试2018知识点,2018年全国计算机一级ms office考试内容
  5. 微信开发者工具官方版
  6. E500 键盘粘键,倒水滑落键盘
  7. 【poj 2488】A Knight's Journey 中文题意题解代码(C++)
  8. 一步步解密微商城系统开发流程
  9. 提升程序员工作效率的6个工具利器
  10. 基于中医药知识图谱智能问答(二)