場景

使用若依的前后端分離版，，其默認的圖標和標題等如下

?

如果想要修改為自己想要的標題和圖標，實現類似下面的效果

?

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

首先是下面的Logo的修改，組件的位置layout/Sidebar/Logo.vue

修改其標題的logo的代碼為

<script> import logoImg from '@/assets/logo/logo.png'export default {name: 'SidebarLogo',props: {collapse: {type: Boolean,required: true}},data() {return {title: '公眾號:霸道的程序猿',logo: logoImg}} } </script>

上面的title就是顯示的標題，下面的logo就是設置logo的地方。

logo的位置是早assets/logo/logo.png這張圖片。

其大小為60*60像素大小的png照片

?

準備一張將其替換掉。

關于標題，為了保持標題的一致性，將下面這些文件的標題統一進行修改

?

也可以使用全局搜搜，搜索原來的標題，將其全部替換，那么顯示的兩個標題就更改了。

瀏覽器最上面的圖標的位置在public下的favicon.ico，文件大小為64*64像素。

如果有的話直接將其替換，如果沒有的話可以使用一些在線轉換網站等。

比如以下這個網站就可以轉換。

http://www.ico51.cn/

?

?

總結

以上是生活随笔為你收集整理的若依前后端分离版怎样修改主页面和浏览器上的图标和标题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。