如何在 nuxt.js 中的网站顶部设置 Favicon 图标 [重复]

问题描述 投票:0回答:1

我先在nuxt.config.js文件中设置,然后把favicon.ico文件放在根目录不行,再放在static文件夹也不行,最后放在assets也不行,顶部的图标不显示

head:{
  link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ],
}

我也尝试过将配置改为如下然后调整,但还是没有生效。

<head>
  <link rel='icon' type='image/png' href='/favicon.png'>
</head>
javascript nuxt.js
1个回答
2
投票

您可以按照以下步骤完成:

  1. 导航到静态文件夹并删除 favicon.ico 文件。

  2. 现在,继续在静态文件夹中添加一个新的图标(请注意,图标名称应该是favicon.ico

  3. 确认您的 nuxt 配置文件中是否包含以下内容:

app: {
  header: {
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  },
},
© www.soinside.com 2019 - 2024. All rights reserved.