如何修复favicon.ico错误:“Failed to load resource: net::ERR_EMPTY_RESPONSE”

我下载了Netbeans IDE来编写HTML代码。当我运行我的代码，chrome浏览器是开放的，一切都工作得很好。我在输出浏览器日志中得到一些错误。

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

我该怎么解决呢?

当前回答

将此代码添加到页面索引中

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

其他回答

你可以提供你自己的图像，并在头部引用它，例如:

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

上面的答案对我不起作用。我找到了一篇关于Favicon的好文章，解释道:

什么是Favicon; 为什么Favicon.ico在日志文件中显示为404; 为什么你要使用Favicon; 如何从图片或其他Favicon制作Favicon 创造者; 如何让你的图标显示。

所以我用图片中的Favicon创建了Favicon。把它放在文件夹(命名为favicon)，并添加以下代码在<head>标签:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

现在没有错误，我看到我的Favicon:

在早期的Angular中，我们有. Angular -cli。引用favicon.ico的Json文件。如果你要升级到Angular的一个新版本，那么你就有了Angular。json。对于这些新版本，您必须从现在开始在index.html中引用favicon路径。

我得到了同样的问题(使用thymleaf)，我通过下载我在我的HTML上使用的引导链接来解决spring-boot-project 只需将鼠标悬停在链接上，您的IDE (ps:intellij是最好的)将建议您下载& bom问题解决

将此代码添加到页面索引中

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

推荐文章