小编ker*_*nic的帖子

我有一个网站temp-mail.io。我有apple-touch-icon.png苹果设备。我的图标是：

\n
• 180x180 无透明度的 PNG 图像；
\n
• 位于网站的根目录下（可通过 获得/apple-touch-icon.png）。
\n

不久前，我将网站从 vanilla Vue 切换到 nuxt.js 以实现服务器端渲染 (SSR)。现在我的苹果触摸图标没有显示在书签中（仅在主屏幕上作为网络应用程序显示）。

我花了很多时间来查找错误。我想：

\n
• 更改图标位置和名称；
\n
• 将图标更改为其他图像；
\n
• 添加更多具有属性的 apple-touch-icon sizes；
\n
• 为其他图标、网站图标添加更多尺寸；
\n
• 通过在线图标检查器检查图标（他们报告我一切都很好）；
\n
• 操作nuxt.config.js：更改选项顺序，添加build.extractCSS: true属性（我试图找到我的网站和使用 nuxt.js 的其他网站之间的区别）；
\n
• 在装有 iOS 13 的 iPhone 8 和 iPhone SE 上进行了检查。在装有 iOS 12 的 iPad 上进行了检查。
\n

但我无法\xe2\x80\x99在书签中获得apple-touch-icon。\n昨天我发现网站有类似的问题：

\n
1. https://hn-spa.nuxtjs.org（SPA 版本）
\n
2. https://hn.nuxtjs.org
\n

两个网站都很相似。但#1 作为 …