Angular favicon.ico 未显示

Question

我尝试在我的角度应用程序中替换我的 favicon.ico。在代码中，我可以找到正确的 .ico。但是 .ico 没有显示在浏览器中（见下文）。

1. favicon.ico 在我的 src 文件夹中 https://i.stack.imgur.com/6qh7O.png

2. 在我的 index.html 中有以下代码：

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

3. 在我的 angular.json 文件中是这段代码：

   “资产”：[“src/favicon.ico”，“src/assets”]，

4. 当我在“检查”中单击 favicon.ico 时，我找到了正确的图标。但是这个没有显示。 https://i.stack.imgur.com/yH9LI.png

   你知道我能做什么吗？ 非常感谢您的提前回答。

Answer 1

您是否也遇到浏览器选项卡中未显示正确标题的问题？我的角度项目也有类似的问题。网站图标未显示，浏览器选项卡标题未正确显示。

问题似乎是我将我的角度代码放在一个子文件夹中并添加了一个指向该子文件夹的服务器端重定向。

为了解决这个问题，我删除了服务器端重定向，而是在根目录下添加了一个新的 index.html 文件，其中包含一个 html 重定向链接。像这样：

<meta http-equiv="refresh" content="0; url=http://example.com/folder" />

解决了这两个问题以及其他几个问题。