怎么在我们的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 标签加上应该就没问题了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)