第一步：替换新图标

将项目 public 目录下的 favicon.ico 图标替换为新图标，名称和后缀保持不变。

第一步：配置pwa字段

在项目根目录的 vue.config.js 配置文件中（vue-cli3 默认没有该文件，需要自己手动添加）配置 pwa :

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

重新运行项目，并刷新浏览器即可。