Nuxt3 如何修改网页小图标 favicon.ico

1. 将制作好的favicon.ico文件放入public文件中

2. 配置nuxt.config.ts文件

export default defineNuxtConfig({
  app: {
        head: {
            link: [
                { rel: 'icon', type: "image/x-icon", href: '/favicon.ico' } 
            ],
        },
    },
})

3. 可以采用其他类型图片如png

export default defineNuxtConfig({
  app: {
        head: {
            link: [
                { rel: 'icon', type: "image/png", href: '/favicon.png' } 
            ],
        },
    },
})
编辑于 2023-02-15 22:52
IP属地 内网IP
举报
评论