更换vue项目中标签页icon

问题：在vue项目中， 需要将标签上的icon换成自己所需的，发现在更换了public/favicon.ico后，没有生效，依旧是原来Vue的icon。

解决办法：在vue.config.js中，修改pwa配置

代码

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