vue小图标favicon不显示的解决方案


Posted in Javascript onSeptember 19, 2017

vue脚手架虽然好用,但是文件配置问题一直很头疼。

将原生的代码用vue框架来做,出现种种问题,之前设置小图标的时候也出现了问题,总结了网上的解决方案,在此记下对我亲自试验并奏效的方案:

我是直接将favico.ico丢到根目录(就是src同级的目录),然后进行在build/webpack.dev.conf.js文件配置

1.webpack.dev.conf.js文件里plugins里加入这段代码

new HtmlWebpackPlugin({
   filename: 'index.html',
   template: 'index.html',
   inject: true,
   favicon: './favicon.ico' 
  })

添加完代码是这样的:

vue小图标favicon不显示的解决方案

2.在index.html中引入代码:

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

3.修改完配置文件记得重新npm run dev才会奏效

关于谷歌浏览器不显示小图标: 是缓存问题,手动强制刷新一下试试(ctrl+F5)
注:( 也有把favicon放入static文件夹下的,因为我没有奏效,所以用了这个方法,如果放入static的话只要改一下favicon的路径就可以。)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
window.location不跳转的问题解决方法
Apr 17 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
基于JavaScript实现div层跟随滚动条滑动
Jan 12 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
vue后台管理之动态加载路由的方法
Aug 13 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 Javascript
微信小程序动态添加view组件的实例代码
May 23 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 #jQuery
前端把html表格生成为excel表格的实例
Sep 19 #Javascript
基于js中的原型(全面讲解)
Sep 19 #Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 #Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 #Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 #Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 #Javascript
You might like
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
完美利用Yii2微信后台开发的系列总结
2016/07/18 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
Python三元运算实现方法
2015/01/12 Python
Python NumPy库安装使用笔记
2015/05/18 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
python实现感知器算法详解
2017/12/19 Python
python3对拉勾数据进行可视化分析的方法详解
2019/04/03 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
一些关于MySql加速和优化的面试题
2014/01/30 面试题
手术室护士自我鉴定
2013/10/14 职场文书
党员学习十八大感想
2014/01/17 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
小区推广策划方案
2014/06/06 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
出纳工作检讨书
2014/10/18 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
三八妇女节慰问信
2015/02/14 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
降价通知函
2015/04/23 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书