无法更改默认的 nuxt 图标

新手上路,请多包涵

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

我在我的 static 文件夹中更改了 favicon.pngfavicon.ico 。 => 没有用

在我的 dist 文件夹中更改了 favicon.pngfavicon.ico 。 => 没有用

替换了我的 dist/_nuxt/icons 文件夹中 favicon 生成器网站生成的正确文件。 => 没有用

这是我的 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' }],
  },

我错过了什么吗?

原文由 Hossein 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1k
2 个回答

我找到了解决方案,但这有点棘手,而且与逻辑相去甚远。

favicon 的大小应该是 32*32 像素,否则 nuxt 将加载默认的 favicon 本身。

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

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

原文由 Hossein 发布,翻译遵循 CC BY-SA 4.0 许可协议

您是否尝试过将 type: 'image/x-icon' 替换为 type: 'image/png'

有关此属性和标签的信息通常可以在 此处 阅读

nuxt 会将像 { head: { link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }] }} 这样的对象转换为

<head>
  <link rel='icon' type='image/png' href='/favicon.png'>
</head>

因此,您可以使用上面文章中列出的任何属性。

原文由 Mik 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏