vue 中url 链接左边的小图标更改问题


Posted in Javascript onDecember 30, 2019

修改url左边的小图标(标题前的小图标)。例如:

vue 中url 链接左边的小图标更改问题 

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。

1.首先得到或生成需要的ico文件。ps ico文件生成地址 http://bitbug.net/

2.将生成的文件置于static文件夹下(可自行存放)

3.在index.html中,title下写入:

<link rel="icon" href="./static/刚刚生成.ico的地址" rel="external nofollow" rel="external nofollow" type="image/x-icon" />

<link rel="shortcut icon" href="./static/刚刚生成.ico的地址" rel="external nofollow" rel="external nofollow" type="image/x-icon"/><!-- 必须 -->

eg:

vue 中url 链接左边的小图标更改问题 

4.再重新运行即可

ps 若未成功,可在build文件夹下写入

 vue 中url 链接左边的小图标更改问题

vue 中url 链接左边的小图标更改问题

 总结

以上所述是小编给大家介绍的vue 中url 链接左边的小图标更改问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javaScript 读取和设置文档元素的样式属性
Apr 14 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
Mar 10 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
详解Document.Cookie
Dec 25 Javascript
js拖拽功能实现代码解析
Nov 28 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
对vux点击事件的优化详解
Aug 28 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
微信小程序中网络请求缓存的解决方法
Dec 29 #Javascript
vue点击按钮动态创建与删除组件功能
Dec 29 #Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 #Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
Dec 29 #Javascript
vue element-ui实现input输入框金额数字添加千分位
Dec 29 #Javascript
jstree中的checkbox默认选中和隐藏示例代码
Dec 29 #Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 #Javascript
You might like
PHP框架Laravel学习心得体会
2015/10/28 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
2017/02/28 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
python单线程实现多个定时器示例
2014/03/30 Python
python单例模式实例分析
2015/04/08 Python
python使用psutil模块获取系统状态
2016/08/27 Python
Django中的Signal代码详解
2018/02/05 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
卫校护理专业毕业生求职信
2013/11/26 职场文书
外语学院毕业生的自我鉴定
2013/11/28 职场文书
企业节能减排实施方案
2014/03/19 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
买卖车协议书
2014/04/21 职场文书
还款承诺书范文
2014/05/20 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
小学庆六一主持词
2015/06/30 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
Mac电脑OS系统下安装Nginx的详细教程
2022/04/14 Servers
Android中的Launch Mode详情
2022/06/05 Java/Android