修改ruoyi的logo和标题

1、修改网页标签上的图标和标题

静态修改

标签页上的 图标 直接替换public/favicon.ico文件为你自己的图标文件

如果你的图标文件名不是favicon.ico,你还需要在public/index.html中相应地修改这一行,将/favicon.ico替换为你的图标文件路径。

静态修改标签页上的 标题 修改public/index.html文件中的 title 标签,

动态修改

在vue.app文件中

  • 获取标签页上的 名称 直接赋值,赋值根据业务需求
javascript 复制代码
document.title // 获取标签页上的名称
  • 获取标签页上的 logo 路径,给link.href赋值
javascript 复制代码
let link = document.querySelector("link[rel~='icon']");
link.href = `${window.ipConfig.apiUrl}/common/download?fileName=${systemLogo}`

2、修改登录页面标题

  • 修改src/views/login.vue文件中的 <h3 class="title">若依后台管理系统</h3> 为你自己的管理后台名称。

3、修改网页标题

在src目录下的layout/components/Sidebar/Logo.vue文件夹,将里面的title: '若依管理系统'替换成你网站的名称

相关推荐
GuWenyue10 小时前
我被 React 性能问题逼疯了,直到学会这 4 个优化技巧
前端
窗边的anini10 小时前
那个因为 vibecoding 差点搞砸约会的女孩,被 TRAE SOLO 救了
前端·人工智能·程序员
用户7138742290010 小时前
OAuth 2.0 client_id深度解析:从规范到安全实践
前端
李燚10 小时前
ReAct 循环的 50 行 Go 实现,逐行拆解
javascript·人工智能·react.js·golang·aigc·agent
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_8:(盒模型完全解)
前端·javascript·css·ui·交互
Cache技术分享10 小时前
415. Java 文件操作基础 - 精准读取压缩诗集:从二进制文件中高效提取指定十四行诗
前端·后端
光影少年10 小时前
react自定义Hook 写法、规则(只能在组件/自定义Hook内调用)
前端·react.js·掘金·金石计划
JieE21210 小时前
手把手带你用虚拟头节点实现单链表,搞定所有边界问题
javascript·算法
风骏时光牛马10 小时前
C语言核心高频问题与代码实战梳理
前端
许我半盏清茶11 小时前
JavaScript 原型与原型链完全指南
javascript