众所周知，RuoYi从3.0开始，进行模块拆分，将原先的单应用转变为多模块，分为：单应用版本RuoYi-fast、Vue分离版本RuoYi-Vue，以及Cloud微服务版本RuoYi-Cloud。

其中，Vue分离版和Cloud微服务版又有Vue3+Element Plus+Vite技术?栈?版本的RuoYi-Vue3、RuoYi-Cloud-Vue3。

本文主要讲一下Vue3版本中如何修改前端的系统标题。

若依管理系统的标题主要由两种：

1. 页面中的系统标题名称（包括左侧菜单标题、登录/注册页面等处的标题）
2. 浏览器窗口的标题

如下图所示：

修改办法：

1、使用IDE的“在文件中替换”功能，（1）输入关键词“若依管理系统”，（2）输入你要替换的标题，（3）点击“全部替换”按钮即可，如下图所示。

2、要修改浏览器窗口的标题，用第一种办法即使把VITE_APP_TITLE修改了也是不行的，需要打开settings.js文件，将title的原值注释或删除，修改成你要的标题，如下图所示。

最后

Vue3是2020年9月18日发布的，到现在已经有1年半时间了，若依也及时推出了基于Vue3的版本，对于初次使用的用户来说，还是推荐使用Vue3版本，跟上趋势。

学习过程记录，有需要的朋友可以参考。欢迎一键三连（点赞、关注、评论）。