RuoYi-Vue实现后台管理系统去掉首页/默认跳转动态路由第一个路由

云风网
云风笔记
云风知识库

RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于SpringBoot、Spring
Security、Jwt、Vue的前后端分离的后台管理系统

内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

若依官网
演示地址
代码下载

这里以RuoYi v3.8.8版本为例，如果实际开发没有首页的需求，那就需要登录默认访问第一个路由或者第一个路由下的第一个子路由。

解决方法：

1、比较直接的vue解决方法就是将第一个路由path设置为/index,但是这种有点死板，没法灵活动态配置管理配置菜单路由。
2、将项目中所有访问index路由的代码改为动态获取第一个路由。

这里主要是采用第二种方法。

步骤一：删除index路由配置

src/router/index.js文件内注释index路由相关代码

步骤二：定义全局参数默认路由

在src/store/modules/permission.js中定义全局参数默认路由indexPage

步骤三：全项目修改/index路由相关代码替换

import usePermissionStore from '@/store/modules/permission'
const indexPage = computed(() => usePermissionStore().indexPage);

1、src/layout/components/Navbar.vue

2、src/components/Breadcrumb/index.vue

注释代码

3、src/utils/request.js

4、src/views/error/404.vue

最终达到效果