VUE3 项目如何自定义修改网页图标

2025-06-15 00:26:40

1、首先，vue项目的图标不是普通img，所以在目录public-index.html中可以看到<linkrel="shortcuticon"href="<%=BASE_URL%>favicon.ico">图片被转换成了链接

2、把之前vue默认的favicon.ico图片删掉，添加自己的项目图片并重命名为favicon.ico，另外，在vue.config.js中配置pwa:{iconPaths:{favi艘早祓胂con32:'favicon.ico',favicon16:'favicon.ico',appleTouchIcon:'favicon.ico',maskIcon:'favicon.ico',msTileImage:'favicon.ico'}},

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。