vue項目中設置瀏覽器圖標

如何設置項目運行時在瀏覽器網頁窗口中圖標的顯示,請如下操作:

通過看vue項目的目錄結構,根目錄下有一個index.html,這個就相當於我們普通項目中的各個html頁面文件,所以設置方法就是在index.html的head標籤中添加link標籤。

這裏要注意的是圖標文件的位置,不能放到src裏,這樣的路徑會讓瀏覽器找不到。網頁把根域名作爲相對路徑的根目錄了,然而我們文件的路徑是相對於項目文件的根目錄的,因此就找不到了。

因此,圖片一類的靜態文件,應該放在這個static文件夾下,這個文件夾下的文件(夾)會按照原本的結構放在網站根目錄下。這時我們使用static絕對路徑,就可以訪問靜態文件了。

在index.html的head中添加:

保存並刷新瀏覽器如下所示:

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------另一種目錄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章