Fe-interview: [vue] 在vue项目中如何配置favicon？

[haizhilin2013]

[vue] 在vue项目中如何配置favicon？

[dengBox]

html模版加入meta标签，引入favicon

[GuitarHusky]

也可以在当前项目部署的端口主目录下存放favicon.ico文件，默认就会显示该图标

[luhaifeng666]

Vue-cli3中，可以在vue.config.js中的pwa字段配置favicon路径等相关设置

[YuYanDev]

人工在index.html中引入
在Vue-cli3可以修改vue.config.js的baseurl设定

[Ricemonster]

推荐在index.html中引入，不建议在配置文件中配置，成本太高

[censek]

• 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

[fwchen]

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