您的位置:首页 > 健康 > 美食 > 网页制作教程古诗词_个人建站流程详解_徐州网络推广服务_网络推广外包费用

网页制作教程古诗词_个人建站流程详解_徐州网络推广服务_网络推广外包费用

2024/10/5 21:15:52 来源:https://blog.csdn.net/qq_43206280/article/details/142591228  浏览:    关键词:网页制作教程古诗词_个人建站流程详解_徐州网络推广服务_网络推广外包费用
网页制作教程古诗词_个人建站流程详解_徐州网络推广服务_网络推广外包费用

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

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

在这里插入图片描述
在这里插入图片描述

在src/permission.js中添加判断直接访问path为‘/’的处理

在这里插入图片描述

步骤三:全项目修改/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

在这里插入图片描述

最终达到效果

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com