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图标就被我们替换过来了.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了vue3组件库Shake抖动组件搭建过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
这篇文章主要介绍了全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了vue弹窗如何嵌入其它vue页面,实现方式是将其他页面作为组件传入，在父页面将该组件引入到弹框内，实例代码简单易懂需要的朋友可以参考下2022-11-11
今天小编就为大家分享一篇对Vue.js实现表格渲染的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
VUE是一套前端框架，免除了原生JavaScript中的DOM操作，简化书写。VUE基于MVVM（Model-View_ViewModel）思想，实现数据双向绑定。Vue的核心库只关注图层.响应式数据绑定和组件化开发是其两大特点。2023-01-01
这篇文章主要为大家详细介绍了vue的全选组件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
在开发过程中,有时候会遇到这么一种情况,通过动态的赋值,但是dom没有及时更新,能够获取到动态赋的值,但是无法获取到双向绑定的dom节点,这就需要我们手动进行强制刷新组件,下面这篇文章主要给大家介绍了关于vue组件强制刷新的4种方案,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了Vue2响应式系统之set和delete，通过为对象收集依赖，将对象、数组的修改、删除也变成响应式的了，同时为用户提供了和方法，下文详细介绍需要的朋友可以参考一下2022-04-04
v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值2022-09-09
这篇文章主要介绍了vue.js 实现图片本地预览裁剪压缩上传功能,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-03-03
最新评论