参考:https://blog.csdn.net/qq_53911056/article/details/144744699
在Vue项目中修改网页图标（favicon）是一个相对简单的过程。以下是详细的步骤：
-
准备新的图标文件
准备一个新的图标文件（通常是 .ico 格式，但也支持其他如 .png 或 .svg 格式）。 -
将图标文件放入项目目录
将你的图标文件放入 public 文件夹中。public 文件夹中的所有文件都会在构建时原样复制到最终的输出目录（通常是 dist），可以将图标文件放在这里。 -
修改 index.html 文件
打开 public/index.html 文件，并添加或修改 标签来引用新的图标文件。不需要显式地指定路径，因为浏览器会自动寻找这个文件。但为了明确性，你可以这样做：
-
重新启动开发服务器
如果你正在运行开发服务器（通常是 npm run serve 或 yarn serve），请重新启动它以应用更改。 -
检查效果
打开浏览器并访问你的 Vue 项目，你应该能看到新的网页图标出现在浏览器标签页上。
提示：
多图标支持：你可以通过添加多个 标签来支持不同分辨率的图标，浏览器会选择合适的图标进行显示。
浏览器缓存：有时候浏览器可能会缓存旧的图标，可以尝试清除浏览器缓存或使用无痕模式来查看更改是否生效。
通过以上步骤，成功地修改 Vue 项目中的网页图标。
记录
