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

相关推荐
GGGG寄了10 分钟前
CSS——CSS引入方式+选择器类型
前端·css·html
墨染青竹梦悠然11 分钟前
基于Django+vue的图书借阅管理系统
前端·vue.js·后端·python·django·毕业设计·毕设
码农六六14 分钟前
js函数柯里化
开发语言·前端·javascript
爱敲代码的小鱼20 分钟前
Vue的简介:
前端·javascript·vue.js
H_ZMY35 分钟前
前端瀑布流布局:从基础实现到高性能优化全解析
前端·性能优化
jin42135238 分钟前
基于React Native鸿蒙跨平台一款阅读追踪应用完成进度条的增加与减少,可以实现任务的进度计算逻辑
javascript·react native·react.js·ecmascript·harmonyos
星夜落月38 分钟前
从零部署Wallos:打造专属预算管理平台
服务器·前端·网络·建站
qq_124987075342 分钟前
基于html的书城阅读器系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·spring boot·后端·mysql·信息可视化·html
方安乐1 小时前
react笔记之useLayoutEffect
javascript·笔记·react.js