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

决定转身就不要频频回头,酷的人才会被记得久一些。早安!没什么可懊恼的,能被拆散的,其实都不是属于你的,继续下一个吧。早安!

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

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

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

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

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

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

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

eg:

4.再重新运行即可

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

总结

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

以上就是vue 中url 链接左边的小图标更改问题。现在理想已破碎,心理充满不甘和悔恨,好想把一切归零重新选一次,面对众人的不理解与嘲讽,好想去一个谁也不认识我的地方重新开始。更多关于vue 中url 链接左边的小图标更改问题请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
vue+elementUi 如何实现密码显示/隐藏+小图标变化功能

如何解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题

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

Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析