Favicon 和标题在本地显示,但不在网站上显示

Favicon and Title showing locally, but not on website

首先,我要提一下,我托管在一个 .vip 网站上。我的代码很简单:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="icon" href="img/Pic.ico" type="image/x-icon">
</head>

这在我通过 MAMP 在本地托管时有效,但标题和网站图标都没有显示在 Chrome 等我尝试的任何桌面上。

更神秘的是(这可能是相关的)none 我的扩展出现在 URL 上。例如,如果我有一个 link 到页面 "dj_page.html",而在 MAMP 上它确实显示 [SITE]/dj_page.html,而在我的网站上我希望它显示

[SITE].vip/dj_page.html

相反,它只是保持在

[SITE].vip

我已经清除了 Safari 上的缓存,尝试了几台不同的计算机,但连标题都无法正常显示。另外,如果我将代码更改为例如

,则不起作用
<link rel="icon" type="image/png" href="http://otranscribe.com/favicon.png">

你可以使用这个:

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

解决方案:我在 Heroku 上托管但没有任何效果。切换到 Azure,一切正常...