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

相关推荐
程序员陆业聪几秒前
让 Android 里的 AI 真正「干活」:Function Calling 工程实现全解
前端
mumuWorld2 分钟前
解决openclaw以及插件安装的报错
前端·ai编程
GISer_Jing3 分钟前
前端组件库——shadcn/ui:轻量、自由、可拥有,解锁前端组件库的AI时代未来
前端·人工智能·ui
执行部之龙7 分钟前
JS手写——call bind apply
前端·javascript
京东零售技术8 分钟前
告别手动搬砖: JoyCode + i18n-mcp 实现前端项目多语言自动化
前端
李少兄8 分钟前
企业资源计划(ERP)系统全景指南
java·前端·数据库·erp
张一凡9312 分钟前
React 项目也能用依赖注入?我尝试了一下,真香
前端·react.js
somebody13 分钟前
零经验学 react 的第15天 - 过渡动画(使用 react-transition-group 库进行实现)
前端
极客小云21 分钟前
【Electron-Vue 企业级安全启动模板:electron-vue-theme-template 使用指南】
vue.js·安全·electron
吴声子夜歌22 分钟前
JavaScript——函数
开发语言·javascript·ecmascript