Java——若依前后端分离修改侧边栏标题和浏览器上的标题

快来打我* 2024-04-03 10:19 31阅读 0赞

**目录**

**一、修改侧边栏标题**

**侧边栏原主题**

**侧边栏主题修改位置**

**二、修改浏览器上的图标与标题**

**修改图标**

**修改标题**

**结语**

--------------------

## 一、修改侧边栏标题 ##

> ### 侧边栏原主题 ###
> 
> ![a039d2d67d66433ca90b331556c0af98.png][]
> 
> --------------------
> 
> ### 侧边栏主题修改位置 ###
> 
> ![c5f4b1e7738a4fb995e61fd580956fa7.png][]

--------------------

## 二、修改浏览器上的图标与标题 ##

> ### 修改图标 ###
> 
> **直接与原图标进行替换即可**
> 
> ![49c0a51611804285a897172a16bbe2ee.png][]
> 
> **附：制作ico图标网站：**
> 
> 1、[ICO图标在线转换\_ICO图标制作工具\_PNG在线转ICO - ICO吧][ICO_ICO_PNG_ICO - ICO]
> 
> 2、[制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net][ico_ _ _ico_ _favicon.ico - _ - Bitbug.net]
> 
> --------------------
> 
> ### **修改标题** ###
> 
> **1、修改三个文件**
> 
> ![eeaf33845d714b8199a8e339ff86e7be.png][]
> 
> --------------------
> 
> **2、最好再修改** **vue.config.js**
> 
> ![b8a5874d2385473a94c38b203579e6c7.png][]

--------------------

> ## 结语 ##
> 
> **每次修改都要现行百度，所以就自己再总结一下，方便下次使用**
> 
> **ps：因为不常用（也将上线的时候，用一下）**

[a039d2d67d66433ca90b331556c0af98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1894a87bfe8c46798e816c3be71f274f.png
[c5f4b1e7738a4fb995e61fd580956fa7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1326a7b775d545c7971e1000e0ee9bce.png
[49c0a51611804285a897172a16bbe2ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/41603a49faf04537b2b3244238e1fae3.png
[ICO_ICO_PNG_ICO - ICO]: http://www.ico8.net/
[ico_ _ _ico_ _favicon.ico - _ - Bitbug.net]: https://www.bitbug.net/
[eeaf33845d714b8199a8e339ff86e7be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/309544d6e688460db80298db9c97faf0.png
[b8a5874d2385473a94c38b203579e6c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/055455c0a66d4954bdff1937ee0056ff.png