Vue 修改網(wǎng)站圖標的方法
更新時間：2020年12月31日 10:52:56 作者：瀟瀟mini
這篇文章主要介紹了Vue 修改網(wǎng)站圖標的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
1、在stateic下新增favicon.ico文件
2、修改index.html文件，如圖
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" type="image/x-icon" href="static/favicon.ico" rel="external nofollow" > <title>網(wǎng)站名稱</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
3、如果有新開頁面無法顯示圖標問題，修改bulid下的webpack.dev.conf.js文件
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon:'static/favicon.ico'//新增
}),
4、這個時候再重新啟動一次項目就好啦
以上就是Vue 修改網(wǎng)站圖標的方法的詳細內(nèi)容，更多關(guān)于Vue 修改網(wǎng)站圖標的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了Vue "...infinite update loop..."的問題解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
本篇文章主要介紹了解析Vue2.0雙向綁定實現(xiàn)原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
本篇文章主要介紹了vue組件jsx語法的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
vue下載excel的實現(xiàn)代碼后臺用post方法
這篇文章主要介紹了vue下載excel的實現(xiàn)代碼,后臺用post方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
vue3?+?async-validator實現(xiàn)表單驗證的示例代碼
表單驗證可以有效的過濾不合格的數(shù)據(jù)，減少服務器的開銷，并提升用戶的使用體驗，今天我們使用?vue3?來做一個表單驗證的例子，需要的朋友跟隨小編一起學習下吧2022-06-06
這篇文章主要介紹了使用Nuxt.js改造已有項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Vue路由之JWT身份認證的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要介紹了Vue render深入開發(fā)講解2018-04-04
這篇文章主要為大家介紹了vue3容器布局和導航路由實現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
vue3+vite實現(xiàn)低版本瀏覽器兼容的解決方案(出現(xiàn)白屏問題)
項目全線使用vue3的時候,自然使用的是配套更加契合的vite打包工具,于是自然而然會用到很多新的語法,本文給大家介紹了vue3+vite實現(xiàn)低版本瀏覽器兼容的解決方案(出現(xiàn)白屏問題),需要的朋友可以參考下2024-04-04