亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue3修改link標(biāo)簽?zāi)J(rèn)icon無(wú)效問(wèn)題詳解

 更新時(shí)間：2019年10月09日 11:23:41   作者：槿畔  
這篇文章主要介紹了vue3修改link標(biāo)簽?zāi)J(rèn)icon無(wú)效問(wèn)題詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

vue3修改link中標(biāo)簽?zāi)J(rèn)icon,vue3初次使用的時(shí)候不好好閱讀配置難免會(huì)遇到一些坑,本人在項(xiàng)目完結(jié)的時(shí)候打算把瀏覽器的導(dǎo)航小icon圖標(biāo)給替換了,可是并沒(méi)有那么順利,那么如何在vue3中替換默認(rèn)的icon(favicon.ico)的導(dǎo)航欄圖標(biāo)呢:

public的index.html有這么一句話,毫無(wú)疑問(wèn),一看給人的感覺(jué)就是在這個(gè)位置替換了

而且favicon.ico也是小圖標(biāo),于是我直接替換,發(fā)現(xiàn)并不生效（特殊情況）,把<%= BASE_BA %>直接改成./發(fā)現(xiàn)也不生效,怎么回事呢?

我們順著問(wèn)題進(jìn)行查找,f12打開瀏覽器調(diào)試臺(tái)查看結(jié)構(gòu)中的icon link href指向

居然多了這么多圖標(biāo)地址,還是看官方配置吧,原來(lái)是忽略了pwa這個(gè)配置(該配置在vue.config.js中進(jìn)行,不會(huì)的請(qǐng)看歷史文章,有個(gè)介紹vue-config.js的配置介紹):

pwa里面有個(gè)iconPaths這個(gè)選項(xiàng)可以用來(lái)替換地址,官網(wǎng)沒(méi)有詳細(xì)說(shuō)明,在gitHup上有介紹----點(diǎn)擊去PWA配置

pwa:{
  iconPaths:{
   favicon32: 'favicon.ico',
   favicon16: 'favicon.ico',
   appleTouchIcon: 'favicon.ico',
   maskIcon: 'favicon.ico',
   msTileImage: 'favicon.ico'
  }
 },

修改完配置,別忘了,結(jié)束項(xiàng)目重新啟動(dòng)

再次啟動(dòng)就會(huì)發(fā)現(xiàn),icon圖標(biāo)就被我們替換過(guò)來(lái)了.

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論