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-axios的使用以及axios請求賦值為空的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
這篇文章主要介紹了Vue組件之 高德地圖地址選擇功能的實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
這篇文章主要介紹了Vue代理報錯404問題及解決(vue配置proxy)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
Vue源碼學(xué)習(xí)defineProperty響應(yīng)式數(shù)據(jù)原理實現(xiàn)
這篇文章主要為大家介紹了Vue源碼學(xué)習(xí)defineProperty響應(yīng)式數(shù)據(jù)原理實現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
下面小編就為大家介紹一下vue 自定義全局方法,在組件里面的使用。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了Vue如何實現(xiàn)分批加載數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
淺析webpack-bundle-analyzer在vue-cli3中的使用
這篇文章主要介紹了webpack-bundle-analyzer在vue-cli3中的使用,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-10-10
vue2結(jié)合element-ui實現(xiàn)TreeSelect樹選擇功能
這篇文章主要為大家詳細介紹了vue2如何結(jié)合element-ui實現(xiàn)TreeSelect樹選擇功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2024-03-03
Vue Element-ui實現(xiàn)樹形控件節(jié)點添加圖標詳解
這篇文章主要為大家介紹了Element-ui實現(xiàn)樹形控件節(jié)點添加圖標，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)旋轉(zhuǎn)木馬動畫，圖片數(shù)量無限制，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07