修改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: '若依管理系统'替换成你网站的名称

相关推荐
JustHappy33 分钟前
古法编程秘籍(七):互联网到底是什么?把两台电脑怎么说话搞懂就够了
前端·后端·网络协议
老毛肚37 分钟前
jeecg-boot-base-core 02 day
javascript·python
snow@li37 分钟前
SEO-文章标题:写文章时候,分类+主标题+大纲+解释 作为标题 / 不点进去也知道全文覆盖什么 / 标题即架构
前端
kyriewen2 小时前
Git Commit 前自动修复代码风格?配置 Husky + lint-staged,从此 CR 只聊逻辑
前端·git·面试
岁月宁静2 小时前
RAG 文档摄入全链路,从原理到生产落地
vue.js·人工智能·python
小和尚同志2 小时前
AI 自动化测试探索(一):Playwright MCP
前端·人工智能·aigc
老马识途2.02 小时前
在AI的帮助下理解spring的启动过程
java·前端·spring
徐小夕3 小时前
Loop Engineering 深度解析与实战指南(全网最全)
前端·算法·github
运筹vivo@3 小时前
Python ContextVar 底层机制与内存模型拆解
前端·数据库·python
#麻辣小龙虾#4 小时前
基于vue3.0开发一款【固废与废气运维管理系统】(支持源码)
前端·vue.js·vue3