前提:Vue项目,网页添加小图标
相信大家都知道图标的添加方法:在<head></head>里添加,在Vue项目中的index.html里编辑
<link rel="shortcut icon" type="image/x-icon" href="图标的路径">
需要主要的是:
1、图标的格式:.ico(尺寸:16*16)
2、图片存放的位置。
解决步骤:
关于图片格式:我推荐 favicon 网上制作并下载。
关于图片放置的位置:首先看看vue项目结构
a.首先我试了放在跟index.html同级目录下,然后刷新,图标显示 失败。
b.放在static文件目录下,刷新,图标显示 成功。