vue項目中直接用自己的圖片替換掉favicon.ico，圖標為什么不生效？

在一般情況下：創建項目之后，默認的小圖標是favicon.ico，我們想要自定義小圖標只需要用新的圖片替換掉favicon.ico即可，但是我直接替換掉favicon.ico並不生效：
是因為項目使用了@vue/cli-plugin-pwa插件，這個插件會更改網頁標簽圖標的路徑，所以導致我們的項目中多出來一個public/img/icons文件夾
官方解釋： https://www.npmjs.com/package/@vue/cli-plugin-pwa.
所以：我們需要在vue.config.js中更改pwa.iconPaths的路徑，favicon.ico才能生效，配置如下：

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

　　

注意：修改了vue.config.js文件后，一定要 重啟項目！！！！！
重啟之后如果圖標還是沒有改變，清除一下瀏覽器緩存即可生效