GET http://localhost:8080/favicon.ico 404 报错解决

最新推荐文章于 2025-10-14 15:45:30 发布
原创 最新推荐文章于 2025-10-14 15:45:30 发布 · 1.3w 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #前端 #javascript

本文介绍了处理favicon.ico 404错误的步骤：首先从阿里矢量库下载png图标，然后使用在线工具将其转换为ico格式，最后将favicon.ico文件放入项目根目录（如Spring Boot项目的resources/static下），并在HTML中正确引入。确保重启或刷新页面使更改生效。

我的解决方法：

第一步：找个ico图标

上找个图标，选择png格式下载，推荐阿里矢量库

阿里矢量图标库地址：iconfont-阿里巴巴矢量图标库

第二步：转成ico格式图标

用ico图标转换工具，地址：制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net

第一步选择png格式的时候，是方便这一步直接转成ico格式，转换工具有格式限制。

第三步：项目引入ico图标

为了贴近报错，我将图标改名为  favicon.ico

接着将改名后的图标放入项目的根目录下，由于我是springboot项目，所以就放在resources/static下了

接着在页面引入<head></head>中：

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

 

 然后重启项目，或刷新静态资源和页面即可。

参考：

favicon.ico:1 GET http://localhost:8080/favicon.ico 404报错处理_打豆豆。的博客-优快云博客_:8080/favicon.ico:1

其他方法参考：去除html页面中GET《 http://localhost:8080/favicon.ico 404 (Not Found)》_wang_yq123的博客-优快云博客

Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题
天行健 君子以自强不息，地势坤 君子以厚德载物。
09-11 1万+
1. favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found) 1.0 现象重现 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met
uniapp 页面favicon.ico文件不存在提示404问题解决
qq_36158551的博客
08-26 426
在uniapp中经常出现的，因为找不到 favicon.ico 而报404错误的问题。
网站Favicon图标：小图标背后的大作用 引言
qq_21810059的博客
10-14 458
Favicon（Favorite Icon的缩写）是显示在浏览器标签页、书签列表和历史记录中的小型网站图标。减少 404 请求：若未提供 favicon.ico，浏览器仍会自动请求该路径，导致不必要的 404 错误日志（虽不影响功能，但增加服务器负担）。缺少 Favicon 的网站在浏览器中会显示默认空白或通用图标，容易让用户产生“临时页面”“测试站点”或“不完整”的印象，影响信任度。href=“/favicon.ico” 是这个ico图标在项目中的地址，是根路径，然后把这个link标签。
去除html页面中GET《 http://localhost:8080/favicon.ico 404 (Not Found)》
BLUEHEART
04-17 2041
去除html页面中GET《 http://localhost:8080/favicon.ico 404 (Not Found)》 html5页面中经常会遇见以下问题，总是看着碍眼，那么怎么解决呢？ GET http://localhost:8080/favicon.ico 404 (Not Found) 解决的方法： 1、做个favicon.ico文件放在根目录下，在head标签引入favicon...
http://localhost:8080/favicon.ico 404
m0_59776581的博客
07-02 2538
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
解决页面报错： GEThttp://localhost:8080/favicon.ico 404 (Not Found)
Hermitks_k
01-13 8551
html5 经常会出现 ：GET http://localhost:8080/favicon.ico 404 (Not Found) 这种报错，看起就就很不舒服。对于强迫症患者，不得不干掉这个问题！ 解决方式： 　　1.可以创建一个favicon.ico文件引进去 　　2.也可以在 head 标签插入： <link rel="shortcut icon" href="#"/> ...
GET http://localhost:8080/favicon.ico404报错
03-25
### 处理 `http://localhost:8080/favicon.ico` 访问时出现的 404 错误 当浏览器尝试加载网页时，通常会自动请求站点根目录下的 `favicon.ico` 文件作为网站图标。如果服务器未提供此文件，则会产生 404 错误提示。...
在运行springboot的时候遇到报错favicon.ico:1 GET http://localhost:8080/favicon.ico
10-20
当你在运行Spring Boot应用时，遇到这样的错误通常意味着浏览器试图加载应用程序的 favicon.ico 图标文件，但是服务器返回了一个404（Not Found）错误，因为该图标文件不存在于你配置的静态资源路径下，或者URL不...
GET http://localhost:8080/favicon.ico
03-25
### 关于获取 `localhost:8080` 上的... print(f'Failed to retrieve favicon.ico. Status code: {response.status_code}') ``` 以上脚本可用于验证远程地址上是否存在可用图标以及下载保存至本地磁盘的操作流程演示。
favicon.ico:1 GET http://localhost:8080/favicon.ico 500 (Internal Server Error)
03-15
直接在浏览器输入 `http://localhost:8080/favicon.ico`，若返回 404，说明路径配置错误；若返回 500，则需检查服务器逻辑。 --- ### **步骤 2：检查服务器配置或代码逻辑** 1. **静态资源配置** 确保服务器...
请问http://localhost:8083/favicon.ico是什么，为什么使用http-server启动前端服务时会报GET http://localhost:8083/favicon.ico 404 (Not Found)呢
最新发布
12-03
用户在使用http-server启动前端服务时，浏览器访问页面时控制台报错：GET http://localhost:8083/favicon.ico 404 (Not Found)。我们需要解释这个URL的含义以及错误原因。 首先，解释...
解决页面报错： GET http://localhost:8080/favicon.ico 404 (Not Found)
总结复盘，才能不迷失自己！
09-14 3351
解决办法: 可以在 head 标签插入： <link rel="shortcut icon" href="#"/>
favicon.ico:1 GET http://localhost:8080/favicon.ico 404报错处理
热门推荐
Syntacticsugar's blog
10-21 4万+
直接说解决办法： （1）制作一个 favicon.ico图标放在&lt;head&gt;&lt;/head&gt;标签中 &lt;link rel="shortcut icon" href="images/bitbug_favicon.ico" type="image/x-icon" /&gt; &lt;!--制作的图标，使用href关联，仅仅需要更改href的内容 --&gt
favicon.ico404
weixin_52754360的博客
03-23 1020
Cannot GET /index.html/favicon.ico favicon.ico:1 GET http://127.0.0.1:5500/index.html/favicon.ico 404 (Not Found)
GET http://localhost:8080/favicon.ico 404 (Not Found)
json8888的博客
11-28 1646
1、做个favicon.ico文件放在根目录下，在head标签引入favicon.ico文件即可 <link href="favicon.ico" rel="shortcut icon">
favicon.ico 404
aokf71635的博客
12-30 604
favicon.ico是一个图标文件。就是浏览网站时显示在地址栏的那个图标。 类似是百度的显示在网站地址最前面的一张图片可以在网站根目录(TOMCAT_HOME/webapps/ROOT/favicon.ico)放一张图片命名为FAVICON.ICO 解决办法：1、页面中自定义图标去 http://www.bitbug.net/ 定制图标图片，有32*32,16*1...
解决报错：favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
weixin_52954097的博客
09-15 5601
因为选择Open with Live Server，他会在当前文件夹的根目录 开一个小的服务器 端口号为5500，然后把根目录下面的所有文件和文件夹资源当作这个服务器的根资源去使用。这是游览器的一个默认的行为，游览器打开任意的网站，都会去请求网页的页签图标，你这里没有，就会404 Not Found 找不到资源。找到项目的根目录，在根目录的位置，随变找一个图片放上，把路径改为favicon.ico。选择Open with Live Server。记住，一定放在项目根目录位置，否则还是不中。
Refused to load the image 'http://localhost:8080/favicon.ico'
qq_38655624的博客
10-14 6737
Refused to load the image ‘http://localhost:8080/favicon.ico’ because it violates the following Content Security Policy directive: “default-src ‘none’”. Note that ‘img-src’ was not explicitly set, so ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值