1、制作一张.ico格式的图片,图片规格为32X32,取名为favicon.ico
2、将刚刚制作好的图片替换vue项目下public文件下的favicon.ico
3、找到vue.config.js文件,添加如下代码:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
pwa: { //添加此段
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}
})
4、重新运行项目就好了