vue中修改浏览器标签栏title和图标

vue中修改浏览器标签栏title和图标

一、修改文字
在项目中的index.html文件title标签中直接写
在这里插入图片描述
二、修改标签栏图片
1、在项目中的static文件中放入一张图片
在这里插入图片描述
2、在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="icon" href="static/img/logo/hehua.png" type="logo/hehua.png">
  <link rel="shortcut icon" href="static/img/logo/hehua.png" type="logo/hehua.png"> <!-- 必须 -->
</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>
版权声明：本文为weixin_44445363原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。