采用vue框架的网页都会有vue的图标吗

采用vue框架的网页都会有vue的图标吗,第1张

您好,这个图标是需要自己设置的。

怎么在我们的Vue项目中设置自定义的网站图标

首先我们需要先制作个ico图标,大小为32*32的,放到static文件夹下,我们把制作好的ico图片改名为:favicon.ico(注:必须改名),放到我们项目中的static文件夹下。

分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径:添加代码:favicon: path.resolve('static/img/favicon.ico') // 设置网站图标,即可。

你是怎么写的? favicon.ico 图片有两种情况,一种是直接把图标文件放在站点根目录下,这种情况下页面中不需要写任何内容,支持ico图标的浏览器会自动读取到。

一种是图标文件不在根目录,而是在特定的文件夹下,这种情况需要使用 link 标签来引入,href 属性中写路径地址。

如果你使用的是第二种情况的话,使用 vue 脚手架生成项目之后,手动修改一下 index.html 文件,把 link 标签加上应该就没问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11412342.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存