问题:用自己的favicon.ico图标去替换默认自带的图标,发现替换不掉,无论是删除它还是替换它,它都会马上变成它原来的样子。
解决方案如下:
1.首先将自定义的图片改成favicon.ico格式和名称
2.然后将图片保存在static文件夹下(或者其他文件下都行,下面路径需要替换,建议按照这个进行)
3.在index.html页面引入下面两行代码
3.在index.html页面引入下面两行代码
<link rel="icon" href="static/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="static/favicon.ico" type="image/x-icon" />
保存重启后刷新浏览器就可以显示图标了。 运行后你会发现一个比较神奇的事:你之前特别想替换的Vue图标 它自动变成了你的图标!!当然static文件夹下你的图标还在。这样的话就可以删除static文件夹,然后将index.html代码修改成以前的(重新运行后也可以不手动删那两行代码,它可以自动变成下面这样)
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
把其他格式的图片转为ico格式的软件用的是:PNG-to-ICO
下载地址:https://wwc.lanzouw.com/iaOgf0d0y2yj
密码: d0gz
使用方法:下载软件后,直接双击exe文件完成自动安装,然后如下图所示,右键点击需要转化的PNG图片,可以发现此时选项中多出了“PNG to ICO”选项,直接点击,然后就会发现此文件夹中已经多出了一项同名ICO文件。
或者最简单的在线免费转化成ICO的网址:在线生成透明ICO图标——ICO图标制作