概述
原因：项目中使用了@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目录下的favicon.icon，路径引入都对，但是图标就不生效。所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复