vue3修改link标签默许icon有效成绩详解

发布时间: 2019-10-09 13:35:16 来源: 互联网 栏目: JavaScript 点击:

这篇文章重要简介了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修改link标签默许icon有效成绩详解
本文地址: http://yourctp.com/wangluo/javascript/278106.html

假设认为本文对您有所赞助请赞助本站

付出宝扫一扫赞助微信扫一扫赞助

  • 付出宝扫一扫赞助
  • 微信扫一扫赞助
  • 付出宝先领红包再赞助
    声明:凡注明"本站原创"的一切文字图片等材料,版权均属编程客栈一切,迎接转载,但务请注明出处。
    将RGB值转换为灰度值的简单算法Vue分页插件的前后端设备与应用
    Top