众所周知,RuoYi从3.0开始,进行模块拆分,将原先的单应用转变为多模块,分为:单应用版本RuoYi-fast、Vue分离版本RuoYi-Vue,以及Cloud微服务版本RuoYi-Cloud。
其中,Vue分离版和Cloud微服务版又有Vue3+Element Plus+Vite技术?栈?版本的RuoYi-Vue3、RuoYi-Cloud-Vue3。
本文主要讲一下Vue3版本中如何修改前端的系统标题。
若依管理系统的标题主要由两种:
- 页面中的系统标题名称(包括左侧菜单标题、登录/注册页面等处的标题)
- 浏览器窗口的标题
如下图所示:
修改办法:
1、使用IDE的“在文件中替换”功能,(1)输入关键词“若依管理系统”,(2)输入你要替换的标题,(3)点击“全部替换”按钮即可,如下图所示。
2、要修改浏览器窗口的标题,用第一种办法即使把VITE_APP_TITLE修改了也是不行的,需要打开settings.js文件,将title的原值注释或删除,修改成你要的标题,如下图所示。
最后
Vue3是2020年9月18日发布的,到现在已经有1年半时间了,若依也及时推出了基于Vue3的版本,对于初次使用的用户来说,还是推荐使用Vue3版本,跟上趋势。
学习过程记录,有需要的朋友可以参考。欢迎一键三连(点赞、关注、评论)。