html 头像中的图标显示不正确

Question

我网站上所有页面的头部都有一个图标。但是它没有出现在我网站主目录中的任何页面上。

我的网站有两个版本，一个用于测试，一个用于 public。

在我的根目录下，所有文件都有以下两行：

<base href='https://example.com/'>
<link rel="shortcut icon" type="image/ico" href="web/favicon.ico"/>

在我的 beta 目录中：

<base href='https://example.com/beta/'>
<link rel="shortcut icon" type="image/ico" href="web/favicon.ico"/>

我已验证图像存在于这两个位置：

https://example.com/web/favicon.ico
https://example.com/beta/web/favicon.ico

但是它只在我的 beta 目录中有效，我不知道为什么。对此有任何想法或帮助，我们将不胜感激。

Answer 1

//place your image icon in a specified path

//add that code in your html code
<link rel="shortcut icon" type="image/ico" href="images/favicon.png"/>

Answer 2

可能与某些安全访问策略有关。
也许你在beta目录下的那个favicon可以被所有人看到，而另一个不能。
在 linux 系统中，你可以试试这个：

sudo chmod +r yourprojectpath/web/favicon.ico

以便可以从服务器上运行的所有程序读取 favicon.ico 文件。
希望对你有用。

favicon in html head not appearing correctly