vue3修改link标签默认icon无效问题详解
更新时间：2019年10月09日 11:23:41 作者：槿畔
这篇文章主要介绍了vue3修改link标签默认icon无效问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:
public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了
而且favicon.ico也是小图标,于是我直接替换,发现并不生效（特殊情况）,把<%= BASE_BA %>直接改成./发现也不生效,怎么回事呢?
我们顺着问题进行查找,f12打开浏览器调试台查看结构中的icon link href指向
居然多了这么多图标地址,还是看官方配置吧,原来是忽略了pwa这个配置(该配置在vue.config.js中进行,不会的请看历史文章,有个介绍vue-config.js的配置介绍):
pwa里面有个iconPaths这个选项可以用来替换地址,官网没有详细说明,在gitHup上有介绍----点击去PWA配置
pwa:{
iconPaths:{
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
},
修改完配置,别忘了,结束项目重新启动
再次启动就会发现,icon图标就被我们替换过来了.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
详解VUE 对element-ui中的ElTableColumn扩展
本篇文章主要介绍了详解VUE 对element-ui中的ElTableColumn扩展，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
今天小编就为大家分享一篇关于vue项目打包之后背景样式丢失的解决方案，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
老虎机在很多地方都可以见到，可以设置中奖位置，以及中奖回调，本文主要介绍了VUE 实现一个简易老虎机的项目实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
这篇博客针对axios库的核心代码做一个简要总结，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了VUE 打包后相对路径的引用问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue中移动端调取本地的复制的文本方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vue中使用vue-seamless-scroll插件实现列表无缝滚动效果
这篇文章主要介绍了vue中使用vue-seamless-scroll插件无缝滚动,支持上下左右无缝滚动，单步滚动停留时间，以及水平方向的手动切换，需要的朋友可以参考下2022-06-06
这篇文章主要为大家介绍了Vue3 中有场景是 reactive 能做而 ref 做不了的使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Vue组件化(ref,props, mixin,.插件)详解
这篇文章主要介绍了Vue组件化(ref, props, mixin, 插件)的相关知识,包括ref属性，props配置项及mixin混入的方式，本文通过示例代码多种方式相结合给大家介绍的非常详细，需要的朋友可以参考下2022-05-05
下面小编就为大家分享一篇浅谈Vue Element中Select下拉框选取值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论