原因：项目中使用了@vue/cli-plugin-pwa插件导致。修改mainfest.json中的icons也无效，只需在vue.config.js中配置pwa选项的iconPaths属性即可。
// public目录下的index.html
....
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="manifest" href="/mainfest.json" />
...// vue.config.js
module.exports = {
...
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}
}参考：vue项目中直接用自己的图片替换掉favicon.ico，图标为什么不生效？ - 宸泽岚 - 博客园
最后
以上就是哭泣导师最近收集整理的关于解决：替换public目录下的favicon.icon，路径引入都对，但是图标就不生效。的全部内容，更多相关解决：替换public目录下内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复