vue项目在浏览器地址栏设置favicon.ico图标

Vue.js开发来源：网络编辑：小编更新时间：2024-12-01 23:54:10 浏览量：11

将图标文件放在本地项目static\images文件夹下

修改index.html代码如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>测试</title>
    <link rel="shortcut icon" type="image/x-icon" href="./static/images/favicon.ico">
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

核心代码

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

效果展示

vue项目--favicon设置以及动态修改favicon

到此这篇vue项目在浏览器地址栏设置favicon.ico图标的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！

上一篇： 10.VUE的样式绑定

下一篇： VUE：export default 和 export 的使用方式

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11178.html

相关文章：