步骤1:
将logo图片文件复制到public文件夹中
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/72dd82db0071a56e5f5f4eaeb3c0086f.png)
步骤2:
找到index.html文件,将link标签中的图标路径名favicon.ico改成logo.jpg(png格式同理)
步骤3:
刷新网页,图标更新成功
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ba47e0c10831c5fc33e768ae1cbecb00.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7a88ca1b664346013c7f07714ca5e50a.png)
补充
1、logo里面的文字过小不清晰时,建议简化logo,例如:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/25522eba4e809f65838940015c47f2a5.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0b0d42d625ba68d88c7fcfc3249b8efb.png)
2、图标大小;
- 一般一个图标文件会同时包含3种大小:
- 查看方式为平铺的时候是48 x 48。
- 查看方式为图标的时候是32 x 32。
- 查看方式为列表的时候是16 x 16。
- vue项目标题的logo图标大小为32*32px;
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/182ebbfc97bdb32e0cab7c5941eab162.png)