vue 中url 链接左边的小图标更改问题
2020-03-12 07:10
961 查看
修改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:
4.再重新运行即可
ps 若未成功,可在build文件夹下写入
总结
以上所述是小编给大家介绍的vue 中url 链接左边的小图标更改问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- 去除SVN的原链接问题;无法更改新的url地址
- SDWebImage 处理url链接中图片更新问题
- 如何解决.vue文件url引用文件的问题
- Winform程序更改程序图标时的问题。
- 解决vue项目在浏览器中打开后,#后面的链接被截取的问题
- Url链接出现的编码问题
- 解决multipart/form-data表单中传递参数问题(动态更改表单提交URL)
- android更改应用程序图标无效的问题
- 更改一个链接的文本、URL 以及 target
- 解决vue 项目引入字体图标报错、不显示等问题
- Mindjump可以完美解决微信中打开链接,自动打开外部浏览器打开指定URL页面的问题
- 关于如何更改android应用程序的图标问题
- 解决Twitter Bootstrap Tab URL链接问题
- android eclipse更改项目程序桌面图标以及出现的问题?
- 更改sharepoint应用程序端口,导致Project Server工作环境 问题链接项不可用
- 更改一个链接的文本、URL 以及 target
- drupal的clean url(简洁链接)问题解决
- 解决Vue打包后访问图片/图标不显示的问题
- Vue学习笔记:关于数组更改值后监测不到,不渲染问题
- Cloud Studio 运行vue项目, 显示运行成功 但是调试的链接报502错误问题