I'm得到favicon.ico错误

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

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

我该怎么解决呢?

475218 次浏览
小开
favicon.ico是网站标题栏上的网站图标。 Netbeans无法在您的网站文件夹

中找到favicon.ico文件

如果你不想要它，你可以在你的头部部分删除与此类似的行

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

或者如果你想使用一个图标作为标题栏，你可以使用图标转换器来生成一个。ico图像，并将其保存在你的网站文件夹中，并在头部部分使用上面的行

小开
最佳答案

我也有这个错误一段时间了。这可能是某种与netbeans连接器有关的netbeans错误。我在我的代码或项目设置中找不到任何favicon.ico的提及。

我能够通过在html文件的head部分中放入以下一行来修复它

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

我目前在测试环境中使用它，但我将在任何生产环境中删除它。

小开

接受的答案不适合我，所以我找到了这个解决方案。

它可能与HTML版本有关，因为投票最多的解决方案是这样说的:

如果你需要你的文档对HTML5进行验证，请使用以下方法:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

更多信息请参见链接。

小开

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

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

对我来说，这个答案也不奏效，但这个很管用:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
小开

接受的答案不适合我，我必须给href属性添加一个值:

<link rel="shortcut icon" href="#" />
小开

此外，要小心，所以你的href位置没有错误。 研究案例:< / p > 我的索引页在一个名为LAYOUTS的临时子文件夹中。 为了从IMAGES文件夹(这是LAYOUTS文件夹的兄弟)中到达favicon.png，我必须在href中放入如下路径:

href="../images/favicon-32x32.png"

双句点对于文件夹“向上”导航是必要的，然后正斜杠+ images字符串让你进入images文件夹(执行树枝“跳转”)，最后你可以通过写入favicon-32x32.png来引用你的文件。

这个解释对那些从头开始的人很有用，它会很有用，因为我忘记了我有一些*.php文件在布局文件夹外，需要不同的树refs在我的链接，从每个页面的头部部分。

相应地引用您的favicon图像的路径。

小开

上面的答案对我不起作用。我找到了一个非常好的文章Favicon，解释说:

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

所以我用FavIcon from Pics创建了Favicon。将其放入文件夹(命名为favicon)，并在<head>标签中添加此代码:

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

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

enter image description here

小开

当您没有在HTML文件的顶部HEDER中声明此标记时，就会发生此问题。

<link rel="icon" href="your_address_icon" type="image/x-icon">
小开

我遇到了一个奇怪的情况。我的工作很好，突然停止了错误信息。我已经有了header声明。所以我很愚蠢，不知道为什么它不起作用。

<link rel="shortcut icon" href="favicon.png">

实际上，我看不出网站上其他地方有什么问题。唯一的事情，固定它为我是重新启动我的Apache服务，一切又好了。

如果其他方法都不管用，那就试试，看看会发生什么。

小开

这是一场噩梦，因为每个浏览器/设备的处理方式都不一样。

Favicon生成器帮助我很多的应用程序，我们需要覆盖最可能的场景。

https://realfavicongenerator.net/

你只需要一个260px x 260px的png图片(至少)，然后生成器将在你的网页中创建你需要的所有引用。

您只需要将这些引用和图像添加到应用程序中。

enter image description here

小开

我得到了同样的喜好图标错误- 404(未找到)。我在index.html文件的<head>元素中使用了以下元素，它修复了错误:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">
小开

在前面的Angular中，我们有.angular-cli.json文件，它引用了favicon.ico。如果你要升级到Angular的一个较新的版本，那么你将得到angular.json。对于这些更新的版本，你必须从现在开始在你的index.html中引用favicon路径。

小开

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

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

我复制favicon.ico到资产文件夹，它为我工作。

小开

试试这个添加“图标”;也许它解决了你的错误&;favicon.ico:1 not found &; < / >强

< p >或 首先试着理解favicon.在这里输入图像描述 设置您的favicon图标文件在您的文件夹。您可以使用"https://favicon.io/favicon-generator/".

生成您的favicon
小开

如果favicon在根目录:

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

为了防止其他人在下载favicon包后遇到403错误，我需要将新的favicon文件夹/文件权限chmod为755，以便Apache有权限读取该文件。

小开

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

小开

服务器配置Nginx

如果你将应用程序部署到运行Nginx的服务器上，你可以使用下面的配置文件作为配置web服务器的起点。大多数情况下，需要根据服务器的配置对该文件进行自定义。如果您需要管理服务器方面的帮助，可以考虑使用第一方Laravel服务器管理和部署服务。

server {
listen 80;
listen [::]:80;
server_name example.com;
root /srv/example.com/public;
 

add_header X-Frame-Options "SAMEORIGIN";
add_header X-Content-Type-Options "nosniff";
 

index index.php;
 

charset utf-8;
 

location / {
try_files $uri $uri/ /index.php?$query_string;
}
 

location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt  { access_log off; log_not_found off; }
 

error_page 404 /index.php;
 

location ~ \.php$ {
fastcgi_pass unix:/var/run/php/php8.0-fpm.sock;
fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
include fastcgi_params;
}
 

location ~ /\.(?!well-known).* {
deny all;
}
}

将这些行编辑为文件中的site- available。

 location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt  { access_log off; log_not_found off; }

优化-自动装弹机优化

当部署到生产环境时，确保你正在优化Composer的类自动加载器映射，以便Composer可以快速找到合适的文件来加载给定的类:

composer install --optimize-autoloader --no-dev

谢谢!@syedasadrazadevops


提交答案