vue3 修改浏览器小图标
vue3 框架搭建后,默认显示 vue 自己的 icon
public/favicon.ico替换成自己想要的icon
public/index.html 修改:
<link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>favicon.ico" />
vue.config.js:
const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ pwa: { iconPaths: { favicon32: "favicon.ico", favicon16: "favicon.ico", appleTouchIcon: "favicon.ico", maskIcon: "favicon.ico", msTileImage: "favicon.ico" } } })