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”