search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.28k stars 3.25k forks source link

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

Open haizhilin2013 opened 5 years ago

haizhilin2013 commented 5 years ago

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

dengBox commented 5 years ago

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

GuitarHusky commented 5 years ago

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

luhaifeng666 commented 5 years ago

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

YuYanDev commented 5 years ago

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

Ricemonster commented 5 years ago

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

censek commented 4 years ago

步骤：

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

    用 vue-cli 搭建的Vue项目。

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

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

  3. 刷新浏览器页面。

🔗 参考链接：

can-cc commented 4 years ago

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

Tracymcgrady946 commented 1 year ago

真无聊