javascript - 无法更改默认的 nuxt favicon

Question

我是 nuxt 的新手，并试图在我的项目中更改默认的 favicon。

我更改了 favicon.png和 favicon.ico在我的static文件夹。 => 没用 .

更改了favicon.png和 favicon.ico在我的dist文件夹。 => 没用 .

替换了我的 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' }],
  },

我错过了什么吗？

Answer 1

我找到了解决方案，但这有点棘手，而且离逻辑有点远。

网站图标的大小应为 32*32 pixel 或 nuxt 将加载默认的 favicon 本身。

关于我的尝试，在您的 static 中有一个文件就足够了文件夹并给出 nuxt.config.js 的路径.

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