天天看點

vue項目打包後,浏覽器上顯示的頁面标題前圖示不顯示,打包之後丢失ico圖示丢失

問題描述:

vue項目本地運作時,頁面标題前的圖示可以正常顯示:

vue項目打包後,浏覽器上顯示的頁面标題前圖示不顯示,打包之後丢失ico圖示丢失

打包之後卻變成了:

vue項目打包後,浏覽器上顯示的頁面标題前圖示不顯示,打包之後丢失ico圖示丢失

原因分析:

  1. 圖示丢失
  2. 打包後路徑錯誤

解決方式:

  1. 圖示丢失

    打開打封包件:

    vue項目打包後,浏覽器上顯示的頁面标題前圖示不顯示,打包之後丢失ico圖示丢失
    可以看到圖示還在,是以排除。
  2. 打包後路徑錯誤

    打開index檔案,檢視在目前檔案夾下,路徑指向的位置是不是錯了。

    比如我這裡icon和index.html是放在一塊的,路徑寫成了

指向根目錄,打包後放在伺服器下運作位置就不對了。

改成:

打包後依然能看到頁面标題前的圖檔。

繼續閱讀