Vue脚手架中添加favicon.ico图标失效问题

最近项目中根目录添加favicon.ico，直接在index.html中加入

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

这种方法本地能添加成功，打包发布后就不成功，也是郁闷了。。

在配置文件修改 build/webpack.dev.conf.js & webpack.prod.conf.js就可以了：

new HtmlWebpackPlugin({filename: 'index.html',template: 'index.html',inject: true,favicon: path.resolve('favicon.ico')   // 加上这个
})

最后一个谷歌缓存的大坑，添加之后一定要清除缓存之后再刷新才能看到效果。

谷歌左上角，刷新按钮点击鼠标右键入系统所示：

Vue脚手架中添加favicon.ico图标失效问题相关推荐

VUE更换项目中的favicon.ico图标
VUE2中更换项目中的favicon.ico图标步骤: 方法一: 1.使用比特虫免费在线制作ico图标(网站地址:https://www.bitbug.net/): 2.将新的图标命名为new-fav ...
SpringBoot项目中增加favicon.ico图标
项目中增加favicon.ico图标前情摘要:用了两年的项目,ico一直用的是默认的图标,最近领导要求换个带有公司logo的ico,项目中正式用的是设计小姐姐发给我的,以下文章中使用的是我自己下载的 ...
Django添加favicon.ico图标
Django添加favicon.ico图标第一步:制作ico图标制作 favicon.ico 图标的网址:www.bitbug.net 很简单,不难做完之后,将生成ico图标,命名为:favic ...
python运用ico图标_如何优雅地处理Django中的favicon.ico图标详解
前言 favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看. 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习 ...
Springboot项目 web 添加 favicon.ico图标
目标:springboot项目添加ico图标,效果如下图一.如何生成 favicon.ico 图标这里介绍一下我是如何生成 .ico图标文件的 ① .挑选自己喜爱的矢量图阿里矢量图标库 http ...
php网站如何添加ico图标,如何添加favicon.ico图标？
在本站首页的活跃博客中经常看到有部分博客网站没有favicon.ico图标,所以今天打算普及一下相关知识,希望还没有favicon.ico图标的博主们,能够制作出自己独特的图标. 那么到底什么是fav ...
给vue项目添加favicon.ico图标
效果如下: 操作步骤: 1.本地环境下的favicon.ico配置: 如上图的截图,如果本地环境不需要可不配置,但是配置完需要重新执行 npm run dev,如果执行此命令报错,说明下图所示的fav ...
vue项目中如何设置ico图标
在vue项目开发中往往会设计到浏览器头部图标的设置,这里分享一下自己在项目中的使用的方法,如有不足的地方还望指正,直奔主题: 1.首先如何制作ico图标,本人使用的是比特虫在线制作ico图标,使用方法 ...
在vue项目中使用favicon.ico
一般项目使用favicon.ico都是在index.html头部head中加入代码 <link rel="shortcut icon" type="image/x- ...

Vue脚手架中添加favicon.ico图标失效问题

Vue脚手架中添加favicon.ico图标失效问题相关推荐

最新文章

热门文章