在vue的项目中怎样修改浏览器的 logo 你了解不?

Posted G_Lose

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue的项目中怎样修改浏览器的 logo 你了解不?相关的知识,希望对你有一定的参考价值。

第一种方案:

  在public目录中的index.html

    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  图标的位置 public/favicon.ico
 
第二种方案
  在main.js中引入 封装好的 js文件
    var link = document.querySelector("link[rel*=\'icon\']") || document.createElement(\'link\');
    link.type = \'image/x-icon\';
    link.rel = \'shortcut icon\';
    link.href = \'../assets/favicon.ico\';
    document.getElementsByTagName(\'head\')[0].appendChild(link);

以上是关于在vue的项目中怎样修改浏览器的 logo 你了解不?的主要内容,如果未能解决你的问题,请参考以下文章

VUE设置浏览器icon图标

怎样使用文字logo设计生成器设计出精美的公司logo

怎样创建一个VUE项目(超简单)

如何更改gnome左上角Linux的logo?

vue 项目地址去掉#怎么弄?

Vue中的静态资源管理(src下的assets和static文件夹的区别)