效果图：
配置前：
image.png
配置后：
image.png
HTML配置方法：
../../../static/favicon.ico 就是你想设置的图标路径(vue的话尽量放大静态文件里面)
<link rel="Shortcut Icon" href="../../../static/favicon.ico" type="image/x-icon" />
vue配置部分：
也可以采用上面的 HTML配置方法，可以在 index.html里面引入
image.png
以下标识部分为图标路径，我这边是把图标放到静态文件夹 static 里面了(尽量放到 static 内，在 build 时不会受影响)
webpack.dev.conf.js 代码：
image.png
webpack.prod.conf.js 代码：
image.png
引用图片 tupian.png 直接重命名为 favicon.ico 就可以了
代码修改完后，保存，重新 npm run dev刷新下页面就实现效果了
想知道如何动态配置图标及文字的可以点击参考 此篇文章
