當前位置：首頁 > 前端技术 > vue >内容正文

vue

【已解决】vue项目地址栏的图标不显示

發布時間：2023/12/20 vue 32 豆豆

生活随笔收集整理的這篇文章主要介紹了【已解决】vue项目地址栏的图标不显示小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

【已解決】地址欄的圖標不顯示

解決方法：

解決方法：

圖片的格式生成為.ico,利用Windows自帶的畫圖，16*16的大小，選擇另存為bmp文件，把后綴改成.ico 依然不顯示。

在vue的項目中，圖標一類的靜態文件應該放在static文件夾中，不能放在src 中，網頁把根域名作為相對路徑的根目錄了，然而我們文件的路徑是相對于項目文件的根目錄的，因此就找不到了。而static文件夾下的文件（夾）會按照原本的結構放在網站根目錄下。這時我們再去使用/static絕對路徑，這樣就可以訪問這些靜態文件了。成功解決不顯示的問題。

在 <header></header> 中加入：

意思是將該目錄的.ico圖標以圖標的形式顯示
shortcut icon 專指地址上面的圖標
image/x-icon" 同上

<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link type="image/x-icon" href="static/img/favicon.ico"/><title>統一風控與策略分析管理系統</title></head><body><div id="app"></div></body> </html>

總結

以上是生活随笔為你收集整理的【已解决】vue项目地址栏的图标不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： Oracle高可用概述(HA与RAC的关
下一篇： vue改页面顶部浏览器标题栏图标、名称和