vue3修改link中標籤默認icon,vue3初次使用的時候很差好閱讀配置不免會遇到一些坑,本人在項目完結的時候打算把瀏覽器的導航小icon圖標給替換了,但是並無那麼順利,那麼如何在vue3中替換默認的icon(favicon.ico)的導航欄圖標呢:javascript
public的index.html有這麼一句話,毫無疑問,一看給人的感受就是在這個位置替換了html
並且favicon.ico也是小圖標,因而我直接替換,發現並不生效(特殊狀況),把<%= BASE_BA %>直接改爲./發現也不生效,怎麼回事呢?vue
咱們順着問題進行查找,f12打開瀏覽器調試臺查看結構中的icon link href指向java
竟然多了這麼多圖標地址,仍是看官方配置吧,原來是忽略了pwa這個配置(該配置在vue.config.js中進行,這個地方將favicon.ico換成本身的圖標地址便可):瀏覽器
pwa:{ iconPaths:{ favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: 'favicon.ico', maskIcon: 'favicon.ico', msTileImage: 'favicon.ico' } },
配置完畢,項目重啓,圖標就換成咱們本身的了app