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

最新推荐文章于 2024-05-12 18:08:33 发布
最新推荐文章于 2024-05-12 18:08:33 发布
阅读量1.2w 收藏 9
点赞数 4
分类专栏： 开发前端 文章标签： java 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cinyyyy/article/details/123683572
版权

我的解决方法：

第一步：找个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报错处理_打豆豆。的博客-CSDN博客_:8080/favicon.ico:1

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

赛巴斯安
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决页面报错： GET http://localhost:8080/favicon.ico 404 (Not Found)
总结复盘，才能不迷失自己！
09-14 3047
解决办法: 可以在 head 标签插入： <link rel="shortcut icon" href="#"/>
Eclipse正常启动tomcat，但是访问httplocalhost8080 报404异常处理方法
03-01
打开eclipse的server视图，双击配置好的那个tomcat，出现tomcat配置窗口，看到那个server location 是不是选第一项（默认是第一项），请选到第二项。如果这3项都是灰色的，请删除配置好的tomcat，再重新配置一次，然后再选到第二项。重新启动tomcat问题解决！
GEThttp://localhost/favicon.ico 404找不到资源
qq_43149995的博客
04-28 2953
favicon.ico 404问题的解决办法 每次做web项目时，前端页面都会出现GEThttp://localhost/favicon.ico 404找不到资源 最简单方法是在 head 标签插入： <link rel="shortcut icon" href="#"/> ![在这里插入图片描述](https://img-blog.csdnimg.cn/7b7854ea9abd48ff803ffeb6197337bf.png另一种方法是：创建一个favicon.ico文件引进去 参考：
2024年前端最全vue中添加favicon 图标 （3种方法）_vue favicon(1)，阿里P8面试官都说太详细了
最新发布
2401_84617431的博客
05-12 911
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
Refused to load the image 'http://localhost:8082/favicon.ico', Vue页面cannot get问题
欧唯薇
09-04 2万+
在吃完饭后或者一觉睡醒，打开项目就发现启动不了了，npm只是一直卡在94%，没有报错信息，如下图 打开网页后，发现页面只有：Cannot GET / 而控制台报错： Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security...
对web.py设置favicon.ico的方法详解
12-24
127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件，在web.py中可以这样设置： 设置步骤： 0、把favicon.ico图标拷贝到staic目录下，我这里...
hapi-favicon:为烦人的favicon.ico请求返回内容
05-05
一个简单的插件，可为您提供favicon.ico路线。 这是将显示在浏览器选项卡中的图标。 安装 npm install hapi-favicon 基本图示 只需在您的hapi服务器上注册插件： await server . register ( { plugin : require ...
在node.js中怎么屏蔽掉favicon.ico的请求
01-01
　在做路由模块的时候，发现控制台每次都会多输出一条favicon.ico的请求，对于这种又占资源，看着又碍眼的玩意，强迫症完全忍不了了，查了下代码，加了一行进去解决问题（没有技术含量，如果想笑话我的仁兄，请速速...
nginx关闭favicon.ico、robots.txt日志记录配置
09-30
在本文中，我们将详细探讨如何在Nginx服务器配置中关闭对`favicon.ico`和`robots.txt`的错误日志记录，以及如何阻止对隐藏文件的访问。这有助于优化服务器性能，避免不必要的资源消耗。 首先，让我们了解`favicon....
node.js中的favicon.ico请求问题处理
01-20
 var http=require(“http”);  var server=http.createServer();  server.on(“request”,function(req,res){5 console.log(req.url);  res.end();  });  server.listen(1337,”127.0.0.1″); 这样的代码在...
关于Not Found: /favicon.ico 报错的解决方法
热门推荐
weixin_43972292的博客
05-14 4万+
目前做自己的博客，一直报Not Found: /favicon.ico这个错误，之前做博客的时候也有，但是没怎么关注（我一直再改进自己的博客网站，希望它看起来更专业一点），现在看着很烦人，作为处女座无法接受这个碍眼的报错，虽然我美看到任何bug，原来他就是一个浏览器上显示网站标识的一个东东，给你的网站弄一个标识，看起来有那么一点点意思吧！ 首先找到一张任何看着顺眼的照片，然后百度搜索ico照片转...
解决页面favicon.ico文件不存在提示404
l13501058595的博客
12-08 2807
解决页面favicon.ico文件不存在提示404 问题描述： 在Web项目开发中，浏览器会提示favicon.ico文件不存在404问题，如下图： 解决方法： 在HTML页面中的标签中添加入下代码： <link rel="shortcut icon" href="#"/> ...
favicon.ico给网站加图标不显示问题
leapping的博客
12-04 1万+
favicon.ico网站加图标不显示
web端 出报错 GET http://localhost/favicon.ico 500 (INTERNAL SERVER ERROR)
weixin_34296641的博客
04-24 3117
web端 出报错 GET http://localhost/favicon.ico 500 (INTERNAL SERVER ERROR)报错不会影响网站的使用，但是影响美观和浏览器浏览网页的表现解释:收藏夹图标，是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。默认浏览器回去加载web root目录下的favicon.ico 文件解决的方式:在la...
网页F12调试时出现favicon.ico not found404问题的原因与解决方法
SuperMan程序人生（关注微信公众号）
12-10 8176
算是一个破事水，不过之前还真的不清楚这东西干嘛的，只是在公司实习时F12喜欢报错找不到这东西，当时同事说不管就没深究，很是惭愧······后来还是查了一下，这东西原来就是网页title旁边的icon，一般和logo一样。大小一般控制在16*16px或32*32px，大了影响加载速度，还可能导致浏览器不进行缓存，添加方式通常这样（一般开发方式，路径也可能视情况修改）： &lt;head&gt; &...
创建自己的favicon.ico供浏览器获取避免404
starcraft501的专栏
09-16 4835
  现象： 打开网站主页，在chrome浏览器的console中出现以下错误： Failed to load resource: the server responded with a status of 404 (Not Found)    :3000/favicon.ico   Not Found 404 NotFoundError: Not Found at C:\U...
什么是favicon？
专栏
05-25 1919
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖
http://localhost:8081/favicon.ico
08-12
根据引用和引用的内容，你可以在页面的<head>标签中使用以下代码来引用http://localhost:8081/favicon.ico: ```html <link rel="shortcut icon" href="http://localhost:8081/favicon.ico" type="image/x-icon"> ``` 这样就可以在你的网站上显示指定的favicon图标了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [http://localhost:8080/favicon.ico 404](https://blog.csdn.net/m0_59776581/article/details/118409809)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [GET http://localhost:8080/favicon.ico 404 报错解决](https://blog.csdn.net/Cinyyyy/article/details/123683572)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值