Vue3修改链接中标签的默认图标。第一次用vue3的时候，读不好难免会遇到一些坑。我打算在项目结束的时候替换浏览器的导航图标，但是没有那么流畅，那么如何替换Vue :中默认图标(favicon.ico)的导航栏图标呢

index.html公众中有这样一句话。毫无疑问，它给人的感觉是在这个位置上被取代了

而且favicon.ico也是一个小图标，所以我直接更换了，发现没有生效(特例)。我直接把%=BASE_BA%改成了。/并发现它没有生效。发生了什么事？

我们顺着问题去找，f12打开浏览器调试站看到结构中的iconlink href点

其实图标地址这么多，看看官方配置吧。原来是忽略了pwa的配置(这个配置是在vue.config.js中进行的，请看历史文章，有配置介绍介绍了vue-config.js) :

pwa中有一个iconPaths选项，可以用来替换地址。官网没有详细说明，不过是在gitHup上介绍的——点击进入PWA配置

pwa : { iconpath 3360 { favicon 32: ' favicon . ico '，favicon16: 'favicon.ico '，appletouchicon : ' favicon . ico '，maskIcon: 'favicon.ico '，Mstileimage : ' favicon . ico ' } }修改完配置后，别忘了结束项目，重新启动

当你再次启动它时，你会发现图标已经被我们取代了。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。