Javascript Can'；t更改默认值nuxt favicon
我是nuxt新手，正在尝试更改项目中的默认favicon 我更改了我的Javascript Can'；t更改默认值nuxt favicon,javascript,vue.js,frontend,nuxt.js,favicon,Javascript,Vue.js,Frontend,Nuxt.js,Favicon,我是nuxt新手，正在尝试更改项目中的默认favicon 我更改了我的static文件夹中的favicon.png和favicon.ico。=>不起作用 更改了我的dist文件夹中的favicon.png和favicon.ico。=>不起作用 替换了favicon generator网站在我的dist/\u numxt/icons文件夹中生成的正确文件。=>不起作用 这是我的numxt.config.js head: { title: "my first nuxt proj - main
staticfavicon.pngfavicon.icodistfavicon.pngfavicon.icodist/\u numxt/iconsnumxt.config.jshead: {
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' }],
},
我遗漏了什么吗？我找到了解决方案，但这有点棘手，而且有点不合逻辑 favicon的大小应为32*32像素，否则nuxt将加载默认favicon本身 关于我的尝试，在你的
staticnumxt.config.js但我仍然对解决方案感到困惑。您是否尝试过将
类型：“image/x-icon”类型：“image/png”{head:{link:[{rel:'icon'，type:'image/png'，href:'/favicon.png'}]}}<head>
<link rel='icon' type='image/png' href='/favicon.png'>
</head>
因此，您可以使用上述文章中列出的任何属性。有时，当pwa图标在缓存中死机时，会发生这种情况。 您只需在nuxt.config.js中重命名pwa图标，如下所示：
之后可能需要重建项目。我在运行SSR nuxt应用程序时也遇到了同样的问题。要记住以下几点：
numxt/static/icon.png节点\ u modules/.cache/pwa/iconnpm run devnpm run buildrel:'icon'，键入：'image/png'，href:'/favicon.png'rel:'icon'，键入：'image/x-icon'，href:'/favicon.ico'应该按照你的方式工作。你能尝试删除客户端缓存吗？@ajobi我发现了一个坏把戏。这是关于sizeah好吧，没想到：这似乎不是一个有用的答案，因为你似乎在猜测解决方案，并且没有提供该解决方案如何/为什么工作的上下文。我认为这最好留给OPI一个评论。sry，我不能留下评论。但无论如何，您试图将png用作favicon并面临大小冲突。这就是为什么它可以成为一个解决方案。至少它对meI gotcha@Mik有效，我忘了需要rep发表评论。你能在你方便的时候更新你答案中的附加信息吗？只是为了让你的答案尽可能完美=）看起来OP现在可能已经解决了，但你的答案可能对未来的其他人有用。我这样做了，它对基本favicon有效，但图标仍然是其他链接标签的默认NUXT图标（例如rel=“apple touch icon”），我发现有一个node_modules/.cache/pwa/图标目录。我不得不删除它，并在nuxt.config.js中设置
pwa:{source:'~/static/icon.png'}，