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

niech_cn

于 2024-09-27 14:01:16 发布

阅读量188

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/qq_43206280/article/details/142591228

版权

8 篇文章 1 订阅

订阅专栏

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

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

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

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

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

src/router/index.js文件内注释index路由相关代码
在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

最终达到效果

在这里插入图片描述

关注

专栏目录