如何设置和动态更改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中。（到这个步骤之前我的是出现了，并且正常显示，如果不显示，则配置一下吧。