无法更改默认的Nuxt收藏夹图标

2022-02-24 00:00:00 frontend javascript vue.js nuxt.js favicon

我是Nuxt新手,正在尝试更改项目中的默认收藏夹图标。

我更改了static文件夹中的favicon.pngfavicon.ico。=>不起作用。

更改了我的dist文件夹中的favicon.pngfavicon.ico。=>不起作用。

替换了我的dist/_nuxt/icons文件夹中由收藏图标生成器网站生成的正确文件。=>不起作用。

这是我的nuxt.config.js

head: {
    title: "my first nuxt proj - main page",
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }],
  },

我是否遗漏了什么?


解决方案

我找到了解决方案,但是有点棘手,而且有点脱离逻辑。

收藏夹图标的大小应为32*32像素,否则nuxt将加载默认的收藏夹图标本身。

关于我的尝试,在static文件夹中有一个文件并提供nuxt.config.js的路径就足够了。

但我仍然对解决方案感到困惑。

相关文章