favicon.ico网站图标不显示问题 Failed to load resource: net::ERR_FILE_NOT_FOU

于 2023-09-11 14:10:34 发布
阅读量2.2k 收藏
点赞数
文章标签： java前端 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wddym/article/details/132805598
版权

上述问题主要由于网站的小图标无法显示导致的：可以检查如下部分：
1、是否存在一个favicon.ico文件在根目录下
2、如果存在，看是否写的相对路径：改为绝对路径

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

3、可能是浏览器缓存的问题，这时候就按“shift+刷新”或者直接关闭浏览器，重启即可。

yinsedemo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vite 打包的 Vue3 组件库，图标无法显示
**My Coding Family**
05-18 1039
ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏「Bug调优」，都是实战中碰到的Bug，希望对你有所帮助。到此，咱们下期拜拜。码字不易，如果这篇文章对你有所帮助，帮忙给bugj菌来个，您的支持就是我坚持写作分享知识点传播技术的最大动力。「猿圈奇妙屋」；
favicon.ico 图标大全
10-14
【favicon.ico 图标大全】是为了解决网页标识问题而提供的资源集合，它包含了各种流行、个性化的图标设计，适用于不同网站的需求。Favicon（Favorites Icon）是网站的图标，通常显示在浏览器的地址栏、书签栏以及...
给自己的网站制作一个favicon.ico图标的实现方法
10-31
给自己的网站制作一个favicon.ico图标的实现方法
favicon.ico网站图标不显示
往之不谏 来者可追
09-04 2万+
是因为你在本地测试的，而不是在服务器端测试的。 【1】在服务器端测试，默认会识别根目录下favicon.ico的文件作为网页的ico。若在个别页面有不同的ico，在个别页面用添加ico即可 【2】在本地端测试，chrome、opera和firefox支持通过标签添加ico，但IE和safari不支持 其他情况： 　一、图标的链接地址或者HTML代码出错 　　这个错误发生得低，但也有失误的
解决favicon.ico无法显示的问题
突然空闲
06-04 6万+
今天在做站的时候发现网站favicon.ico图标不显示，favicon是什么？其实我们在浏览器看网页的时候，在地址栏的左边，你就可以看到一个小的图标（每个网站都不一样）。这就是网站的favicon文件，它其实是一图片文件。像我们熟知的百度、谷歌、新浪都有自己的favicon文件。 那我们怎么给自己的网站安装一个favicon文件呢？ 第一步、你要确定你网站的主题和图案所选，因为favic
Vue 项目出现 Refused to load the image 'http://localhost:8082/favicon.ico' 的问题
shiyutim
01-02 2012
问题出现的原因是在我按需引入element-ui，然后先是下载babel-plugin-component这个插件，然后去配置.babelrc文件。 在我按照步骤弄完了之后，npm run dev就显示了如题 中出现的错误，这个错误也是我第一次遇见，既然突然出现了这个问题，肯定是我以上操作产生了这个问题。 我先是把.babelrc更改回来，发现可以，没有错误了，但是为了使用element-ui还是...
调试时，favicon.ico资源加载失败问题
xiejunna的博客
06-14 5万+
在浏览器调试时候，favicon.ico抛异常，加载失败，favicon.ico Failed to load resource: the server responded with a status of 4 在head标签添加favicon.ico图标即可。<head> <meta charset="utf-8"> <meta name="viewport" content="
解决页面favicon.ico文件不存在提示404问题
热门推荐
pan_junbiao的博客
07-01 11万+
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳f...
网站常用的favicon.ico文件
songqiu821的博客
11-18 3845
在项目中，经常看到favicon.ico报错，一直不明白是啥个东西，如下图。（如果你访问的页面上没有这个的话， 可以强制刷新下看看） 偶然间看到了一篇文章，才明白是怎么回事， 在此记录下：FAVICON.ICO 是网站图标文件，浏览网站时显示在地址栏前边的那个图标 参考：添加链接描述 关于Favicon，总是被命名为favicon.ico。默认存放在网站web根目录。当访问一个页面的时候，不管怎么样，浏览器都会请求/favicon.ico，例如第一张图， 可以通过在页面的部分加入link元素来重新指定它
关于Not Found: /favicon.ico 报错的解决方法
weixin_43972292的博客
05-14 4万+
目前做自己的博客，一直报Not Found: /favicon.ico这个错误，之前做博客的时候也有，但是没怎么关注（我一直再改进自己的博客网站，希望它看起来更专业一点），现在看着很烦人，作为处女座无法接受这个碍眼的报错，虽然我美看到任何bug，原来他就是一个浏览器上显示网站标识的一个东东，给你的网站弄一个标识，看起来有那么一点点意思吧！ 首先找到一张任何看着顺眼的照片，然后百度搜索ico照片转...
SpringBoot favicon.ico图标无法显示 最可能有效的解决方法
weixin_44467186的博客
08-08 3888
SpringBoot favicon.ico图标无法显示 最可能有效的解决方法 先给出解决方案 在确保项目的静态资源文件夹中已经有favicon.ico文件后，在chrome浏览器打开项目的网址，然后按 ctrl + F5 进行强制刷新，即可看到图标显示了！！！ 原理 1）SpringBoot本身对于 favicon.ico图标 静态资源的加载机制就不多说了，这里给出默认静态资源文件夹有哪些。 classpath:/META-INF/resources/ //类路径下的META-INF文件夹
Spring MVC使用之favicon.ico加载失败解决方案
爱软件-从懂得生活开始。
04-20 3529
我们在使用Spring进行应用开发的时候Spring会对静态资源，URL路径，视图等进行统一管理，那么问题就来了，我们自己定义的资源文件都配置好了，但是有些请求是因为浏览器默认的行为，比如比较特殊的favicon.ico他会因为请求的路径是默认的应用根目录，而我们的静态资源路径是不可能映射到根路径的，因为根路径还会有很多其他的资源，如果这些资源都暴露的话会导致一些信息泄露是非常不安全的行为，所以我...
swagger-ui-master.zip_Swagger favicon.ico_restful_restful api_sw
09-24
"favicon.ico"是网站的图标，通常显示在浏览器的地址栏或标签页上，为Swagger UI提供了独特的视觉标识。在API文档中，一个清晰的图标可以增加专业感并帮助用户快速识别页面。 "restful"和"restful_api"标签表明这个...
如何优雅地处理Django中的favicon.ico图标详解
12-25
favicon.ico是网站的图标也是网站的头像，简单来说，就是让我们的网站更加好看。 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的...
node.js中的favicon.ico请求问题处理
01-20
代码如下: ... ...  server.on(“request”,function(req,res){5 console.log(req.url);  res.end();  });... server.listen(1337,”127.0.0.1″);...第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认
springboot~自定义favicon加载问题
最新发布
qq_26905813的博客
09-10 712
1、浏览器缓存问题2、由于favicon图标是在一个session会话中，所以需要关闭重开浏览器3、favicon源文件格式问题。
favicon.ico无法访问
weixin_58770079的博客
11-08 2405
2.设置了静态资源默认访问前缀，而网页请求你静态资源目录下favicon.ico 是不带前缀的，把默认访问前缀的配置删除即可。favicon.ico无法正常访问的问题，明明在默认的静态资源目录下，网页中仍然无法显示。1.浏览器缓存的原因，清楚浏览器缓存即可。
favicon.ico介绍
鬼谷中妖
05-14 2237
背景：今天在群里解决群友问题时，对favicon了解不够深入，错误了理解群友的意思。实在惭愧，误人子弟了。后来测试和整理，记录一下 favicon.ico网页图标介绍状态 介绍 favicon是Favorites Icon的缩写，代指的是一个网页标题左侧的图标。抬头看一下当前文章标题，左侧的那个大C就是csdn的favicon.ico。 .ico是一种图片格式，通常用于网页图标。 具体使用方法： <!--这是当前csdn的使用方式--> <link href="https://csdnim
uniapp 解决页面favicon.ico文件不存在提示404问题
wannafly1228的博客
07-16 1424
uniapp 解决页面favicon.ico文件不存在提示404问题
favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
09-01
这个报错信息说明服务器无法找到favicon.ico文件，导致无法加载资源。[2] favicon.ico是一个用于网站标识的图标文件，通常用于显示在浏览器的标签页、书签栏或收藏夹中。当项目的根目录下没有favicon.ico文件时，浏览器会默认使用IE浏览器的图标，并将favicon.ico不存在的错误信息记录在项目的错误日志中。这样你可以从错误日志中查看哪个时间、哪个IP地址将你的网站设定为“my favorite”。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue网页强制刷新提示Failed to load resource:the server responded with a status of :5500/favicon.ico:...](https://blog.csdn.net/yolo_______95/article/details/126915546)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [报错解决——Failed to load resource: the server responded with a status of 404 (Not Found) favicon....](https://blog.csdn.net/m0_51146762/article/details/120106667)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值