如何更换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',

 

    }

 

  }

 

}