效果圖：
配置前：
image.png
配置后：
image.png
HTML配置方法：
../../../static/favicon.ico 就是你想設(shè)置的圖標(biāo)路徑(vue的話盡量放大靜態(tài)文件里面)
<link rel="Shortcut Icon" href="../../../static/favicon.ico" type="image/x-icon" />
vue配置部分：
也可以采用上面的 HTML配置方法，可以在 index.html里面引入
image.png
以下標(biāo)識部分為圖標(biāo)路徑，我這邊是把圖標(biāo)放到靜態(tài)文件夾 static 里面了(盡量放到 static 內(nèi)，在 build 時不會受影響)
webpack.dev.conf.js 代碼：
image.png
webpack.prod.conf.js 代碼：
image.png
引用圖片 tupian.png 直接重命名為 favicon.ico 就可以了
代碼修改完后，保存，重新 npm run dev刷新下頁面就實現(xiàn)效果了
想知道如何動態(tài)配置圖標(biāo)及文字的可以點擊參考 此篇文章
