在vue项目中如何配置favicon？

Answer 1

• ico 图标在线制作：http://www.faviconico.org

步骤：

1. 将 favicon 图片放到 static 文件夹下

   用 vue-cli 搭建的Vue项目。

2. 然后在 index.html 中添加：

   <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">

3. 刷新浏览器页面。

🔗 参考链接：

• Vue项目 -- favicon设置以及动态修改favicon

Answer 2

Vue-cli3中，index.html 里面有 meta 标签，但是修改后无效，会经过 webpack 自动加入一些meta标签，这些标签可以在 vue.config.js 里面配置。
总的来说，这样的配置十分的反人类，开发者首先会对 index.html 的标签感到困惑，再者全局没有一个配置的地方让人知道，vue.config.js的配置默认都是缺省的，十分反人类，十分耽误开发者