vue项目中修改页面logo和标题

Posted 2023-03-27

参考技术A 第1步：将图标重命名为“favicon.ico”，并放在项目 根目录 下。

第2步：然后在index.html中引入，title中修改页面标题。

第3步：分别修改build文件夹下 webpack .dev.conf.js和webpack.prod.conf.js文件中的内容。

第五步：重新npm run server 看效果

在vue的项目中怎样修改浏览器的 logo 你了解不？

第一种方案:

　　在public目录中的index.html

　　　　<link rel="icon" href="<%= BASE_URL %>favicon.ico">

　　图标的位置 public/favicon.ico

 

第二种方案

　　在main.js中引入 封装好的 js文件

　　　　var link = document.querySelector("link[rel*=\'icon\']") || document.createElement(\'link\');

　　　　link.type = \'image/x-icon\';

　　　　link.rel = \'shortcut icon\';

　　　　link.href = \'../assets/favicon.ico\';

　　　　document.getElementsByTagName(\'head\')[0].appendChild(link);