Question

概要

创建一个简单的HTML模板用于测试目的，没有favicon.ico，我在控制台收到错误＆＃34;无法加载资源：服务器响应状态为404（未找到）＆＃34 ; | ＆＃34; http://127.0.0.1:47021/favicon.ico＆＃34;

我正在试图弄清楚这个错误的来源，并想知道是否有人有任何想法指出我正确的方向。

我的HTML页面如下所示：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Simple JavaScript Tester 01</title>
</head>
<body>

<script src="script.js"></script>
</body>
</html>

当我在Chrome浏览器中运行此页面并打开控制台时，我看到错误消息＆＃34;无法加载资源：服务器响应状态为404（未找到）＆＃34; | ＆＃34; http://127.0.0.1:47021/favicon.ico＆＃34 ;.我在本地IIS服务器上运行它。每次创建新页面时都会看到同样的错误消息。

这个错误是否可能来自我不知道的IIS服务器上的另一个页面？

Answer 1

通过将addind添加到标题部分，您肯定会在控制台日志中删除该问题

<link rel="shortcut icon" href="">

Answer 2

因为您的浏览器总是在寻找favicon.ico，即使您没有在HTML中指定它。

所以我建议只创建一个并将其放在网站的根目录中。

Answer 3

您可以将其添加到<head>标签

<link rel="shortcut icon" href="#">

为我工作

Answer 4

Google favicon生成器并制作一个图标。将其命名为favicon.ico并将其放入您的webroot中。

看看这是否有帮助。

此处还有关于favicon的教程：https://www.w3.org/2005/10/howto-favicon

Answer 5

我遇到了使用 Angular 的问题。我已将 favicon.ico 从 src 文件夹移动到 assets/img 并更改了 index.html 中链接标签中的 href：

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

我还从 angular.json 构建器选项中删除了 src/favicon.ico。

Answer 6

   <link rel="shortcut icon" href="~/favicon.ico">

您实际上无法停止浏览器请求图像。但是，如果您确实有一个收藏夹图标，则可以通过浏览器对其进行缓存，这可以减少进入的请求数量。因此，如果您在应用程序的根文件夹中拥有收藏夹图标，则上面的链接应该可以工作

为什么我看到404（未找到）错误在不使用时无法加载favicon.ico？

6 个答案: