VUE更改项目默认图标

问题：用自己的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图标制作