解决Chrome浏览器图标缓存问题

一、先解决图标缓存问题

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

你可以将Favicons文件移到其他位置，如果直接删除Favicons文件，会出现以前添加的书签都没有图标，除此之外没有其他影响，当你重新访问网站图标会重新加载出来缓存进Favicons文件，如图，建议先将Favicons移动其他位置

二、修改网站图标

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

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

1

<link rel="shortcut icon" href="/static/favicon.ico">

1

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

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

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

方法②

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

推荐一个好用的网站 我的网站图标就是用工具生成的