我下载了Netbeans IDE来编写HTML代码。当我运行我的代码,chrome浏览器是开放的,一切都工作得很好。我在输出浏览器日志中得到一些错误。
Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/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
我该怎么解决呢?
ico是网站标题栏上的网站图标。 Netbeans无法在您的网站文件夹中找到favicon.ico文件
如果你不想要它,你可以在你的头部部分删除与此类似的行
<link rel="shortcut icon" href="favicon.ico">
或者如果你想使用一个图标作为标题栏,你可以使用图标转换器来生成一个。ico图像,并将其保存在你的网站文件夹中,并在标题部分使用上面的行
我也有这个错误一段时间了。这可能是某种与netbeans连接器有关的netbeans错误。在我的代码或项目设置中,我找不到任何提到favicon.ico的地方。
我可以通过在我的html文件的头部部分放入以下一行来修复它
<link rel="shortcut icon" href="#">
我目前在测试环境中使用它,但我将在任何生产环境中删除它。
公认的答案不适合我,所以我找到了这个解决方案。
它可能与HTML版本有关,因为投票最多的解决方案是这样说的:
如果你需要你的文档对HTML5进行验证,请使用以下方法: <link rel="icon" href="data:;base64,iVBORw0KGgo="> .
更多信息请参见链接。
对我来说,这个答案也不奏效,但这个很管用:
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
此外,要小心,这样你的href位置不会有错误。 研究情况:
我的索引页在一个名为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创建了Favicon。把它放在文件夹(命名为favicon),并添加以下代码在<head>标签:
<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">
现在没有错误,我看到我的Favicon:
当您没有在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图片(至少),然后生成器将在你的网页中创建你需要的所有引用。
您只需要将这些引用和图像添加到应用程序中。
我得到了同样的喜好图标错误- 404(未找到)。我在index.html文件的<head>元素中使用了以下元素,它修复了错误:
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
在早期的Angular中,我们有. Angular -cli。引用favicon.ico的Json文件。如果你要升级到Angular的一个新版本,那么你就有了Angular。json。对于这些新版本,您必须从现在开始在index.html中引用favicon路径。
将此代码添加到页面索引中
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
试着在样式表中添加“icon”,也许它可以解决你的错误“favicon.ico:1 not found”
或 首先试着了解favicon。在这里输入图像描述 设置您的favicon图标文件在您的文件夹。您可以使用“https://favicon.io/favicon-generator/”生成您的favicon。
我得到了同样的问题(使用thymleaf),我通过下载我在我的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可以快速找到合适的文件来加载给定的类:
编译器安装——优化-自动加载器——不开发
谢谢!@syedasadrazadevops