如何使用Vue实现动态更改网页的favicon图标？

本文共计697个文字，预计阅读时间需要3分钟。

最近更新公司项目时，动态更新favicon。更新前需设置一个默认favicon。目前vue-cli搭建的vue项目中已存在一个static文件存储静态文件。将favicon图片放置于该文件夹下。

最近写公司项目时，动态更新favicon

动态更新之前需要有一个默认的favicon。

目前vue-cli搭建的vue项目里面已经有了一个static文件夹，存放静态文件。

favicon图片放到该文件夹下。

然后再index.html中添加：

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

然后刷新浏览器，就会更新。

如果没有效果，则查看你的build文件夹下：build/webpack.dev.conf.js中。（到这个步骤之前我的是出现了，并且正常显示，如果不显示，则配置一下吧。