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

vue

vue项目中，网页地址栏添加小图标

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

生活随笔收集整理的這篇文章主要介紹了 vue项目中，网页地址栏添加小图标小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

前提：Vue項目，網頁添加小圖標

相信大家都知道圖標的添加方法：在<head></head>里添加，在Vue項目中的index.html里編輯

需要主要的是：

1、圖標的格式：.ico（尺寸：16*16）

2、圖片存放的位置。

解決步驟：

關于圖片格式：我推薦??favicon? 網上制作并下載。

關于圖片放置的位置：首先看看vue項目結構

a.首先我試了放在跟index.html同級目錄下，然后刷新，圖標顯示?失敗。

?b.放在static文件目錄下，刷新，圖標顯示?成功。

以上是生活随笔為你收集整理的vue项目中，网页地址栏添加小图标的全部內容，希望文章能夠幫你解決所遇到的問題。

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