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

相关推荐
颜酱6 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
失忆爆表症6 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录6 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜7 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛7 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大7 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT067 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹7 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年8 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8508 小时前
Vue 路由示例
前端·javascript·vue.js