为vue项目网站设置ioc小图标遇到的问题

最新推荐文章于 2024-05-16 11:35:25 发布

yanzi_0216

最新推荐文章于 2024-05-16 11:35:25 发布

阅读量378

点赞数 1

分类专栏： vue webpack 文章标签： vue

本文链接：https://blog.csdn.net/yanzi_0216/article/details/111933619

版权

在Vue项目中添加favicon.ico图标时，按照常规步骤（放置图标、修改index.html和webpack配置）后，ico图标未能显示。原因是Chrome浏览器缓存了旧的图标。清除浏览器缓存后，新的favicon.ico图标才能正常显示。具体清除缓存步骤包括进入浏览器设置，选择清除浏览数据。

摘要由CSDN通过智能技术生成

1，将 favicon.ico 图标文件放在src目录下（我这是为了将其与index.html文件放在同一文件夹下，其实也可以放在src/images文件夹下）
2，在 index.html 文件中引入 ico 图标

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注