Favicon 未通过 SSL 显示

Question

我的网站 favicon.ico 在使用 SSL link 时没有显示。似乎在非 SSL 上工作正常。
但问题是我通过 SSL 查看了其他两个显示正确图标的页面。

这是 favicon.ico link（工作正常）。
https://ricardoconceicao.com/favicon.ico

这里是使用的代码：

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />

知道哪里出了问题吗？

Answer 1

为网站图标路径提供完整的 URL。如下

  <link rel="shortcut icon" href="https://ricardoconceicao.com/favicon.ico" type="image/x-icon" />

Answer 2

在您当前的图片路径之前添加两个点可能会有所帮助。如果不是，则添加完整路径。

<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="icon" href="../favicon.ico" type="image/x-icon" />

Answer 3

我已经测试了您的代码，并且网站图标的 link 不正确 - 这可能是在遵循另一个 post 在此线程上提出的建议之后。

上的当前 link 相关标签

有

<link rel="icon" href="/favicon.ico" type="image/x-icon">

它最终应该能正常工作。正如其他人提到的，这可能只是一个缓存问题。无论哪种方式，请放心，您不会发疯，因为它肯定会起作用。我进入了您的页面并使用我在 post 中提到的那个编辑了 Chrome 开发工具中的 link rel 标签，并且网站图标立即出现了。无论如何，希望能有所帮助:)

Favicon not showing over SSL