admin管理员组

文章数量:1529455

一、先解决图标缓存问题

尝试解决
清空浏览器缓存,无效
直接访问图片地址,无效
删除本地favicon缓存文件,有效
C:\Users\xxxxxx\AppData\Local\Google\Chrome\User Data\Default 其中xxxxxx为用户名

删除Favicons文件

你可以将Favicons文件移到其他位置,如果直接删除Favicons文件,会出现以前添加的书签都没有图

标,除此之外没有其他影响,当你重新访问网站图标会重新加载出来缓存进Favicons文件,如图,建议

先将Favicons移动其他位置

二、修改网站图标

vue项目修改网站图标,方法①是html通用的,有如下两种方法
我的图标位置

①、vue项目直接修改全局 index.html 文件,其他项目可以根据你的页面布局添加,通过 link 标签引入图标

<link rel="shortcut icon" href="/static/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/static/ico1.jpg">

②、仅支持vue项目,针对开发环境,发布环境类似,修改 webpack.dev.conf.js 文件,找到 new HtmlWebpackPlugin 添加 favicon: ‘./static/favicon.ico’,你的图标路径,注意有个点

打开网站可以看到图标
方法①

方法②

注意:
发现一个问题,方法②比方法①优先级高
方法①②都设置,以先加载的那个为准,方法②先加载

推荐一个好用的网站 https://tool.lu/.
我的网站图标就是用工具生成的

本文标签: 缓存图标浏览器chrome