Question

我的网站favicon在Chrome和Edge中显示为红线。这也发生在Mac上的Firefox和Safari上。

据我所知，我需要设置图标的唯一代码如下：

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

这存在于HTML中，当我检查页面时链接起作用，但是favicon显示为红线，如上面的屏幕截图所示。

我尝试过使用直接链接（例如，使用https://代替上述相关链接），但没有效果。我也尝试清除我的缓存并使用不同的机器，这似乎也没有效果。如果重要，该网站由Django提供支持并托管在AWS上。

Answer 1

尝试删除该前导斜杠：

href="static/sitefavicon.ico"