1、图标切成对应大小
2、图标名称后缀与vue原有图标logo名称、后缀一致( favicon.ico),并替换
3、vue项目根目录下 新建 vue-config.js,添加下列代码
module.exports = {
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}
};
4、重启刷新项目
成功更换