我试图得到一个图标显示在safari上，它适用于所有其他浏览器，除了safari。
我构建的应用程序运行在Nuxt3上，带有组合api。
在默认布局中，我使用next组件添加了以下代码:
<Head>
<Title>{{ route.meta.title }}</Title>
<Link
rel="apple-touch-icon"
href="/favicons/apple-touch-icon.png"
/>
<Link
rel="apple-touch-icon"
sizes="57x57"
href="/favicons/apple-touch-icon-57x57.png"
/>
<Link
rel="apple-touch-icon"
sizes="72x72"
href="/favicons/apple-touch-icon-72x72.png"
/>
<Link
rel="apple-touch-icon"
sizes="76x76"
href="/favicons/apple-touch-icon-76x76.png"
/>
<Link
rel="apple-touch-icon"
sizes="114x114"
href="/favicons/apple-touch-icon-114x114.png"
/>
<Link
rel="apple-touch-icon"
sizes="120x120"
href="/favicons/apple-touch-icon-120x120.png"
/>
<Link
rel="apple-touch-icon"
sizes="144x144"
href="/favicons/apple-touch-icon-144x144.png"
/>
<Link
rel="apple-touch-icon"
sizes="152x152"
href="/favicons/apple-touch-icon-152x152.png"
/>
<Link
rel="apple-touch-icon"
sizes="180x180"
href="/favicons/apple-touch-icon-180x180.png"
/>
<Link
rel="icon"
type="image/png"
sizes="32x32"
href="/faviconsfavicons/favicon-32x32.png"
/>
<Link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicons/favicon-16x16.png"
/>
<Link rel="mask-icon" href="/favicons/apple-touch-icon-180x180.svg" color="#000000" />
<Link rel="manifest" href="/favicons/site.webmanifest" />
<Link rel="shortcut icon" href="/favicons/favicon.ico" type="image/x-icon" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-config" content="/favicons/browserconfig.xml" />
<Meta name="theme-color" content="#ffffff" />
</Head>在应用了所有这些代码之后，我去了~/Library/Safari/Favicon Cache，删除了里面的所有内容，再次打开safari，发现它仍然不能工作。
我已经尝试了我在关于这个主题的旧帖子中找到的所有东西，但是没有任何效果，而且很多看起来都过时了，比如面具图标(甚至苹果公司也不再在他们的网站上使用它了)。我试过了，还是不行
任何帮助将非常感激，谢谢!
你可以把头部部分放在你的nuxt.config:
head: {
title: "Your global title",
htmlAttrs: {
lang: "en",
},
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
hid: "description",
name: "description",
content: "Fallback description",
},
],
link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }],
},
这部分是你的favicons:link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }],
这有帮助吗?即使没有，这也是实现链接和元数据的更好方式。