vue 页签图标(icon)修改设置

1.在 vue.config.js文件中添加以下代码：

pwa:{
      iconPaths:{
          favicon32:'./public/chatmind-logo.svg',
          favicon16:'./public/chatmind-logo.svg',
          appleTouchTcom:'./public/chatmind-logo.svg',
          maskIcon:'./public/chatmind-logo.svg',
          msTileImage:'./public/chatmind-logo.svg'
      }
  }

2.在 public/index.html文件中修改原 icon 代码，将 替换为以下代码

<link rel="icon" type="image/svg+xml" href="./chatmind-logo.svg">
<link rel="shortcut icon" type="image/svg+xml" href="./chatmind-logo.svg">　

如果图标不是 svg 格式，而是 ico 格式，将上面代码中 type="image/svg+xml"替换为 type=“image/x-icon”

3.在修改完 vue.config.js 文件中的代码后，记得重新启动项目,清楚浏览器缓存