【已解决】Vue网页强制刷新提示Failed to load resource:the server responded with a status of :5500/favicon.ico:1...

已于 2022-10-15 22:15:34 修改
阅读量3k 收藏 3
点赞数 2
分类专栏： Vue 文章标签： vue.js 前端 javascript
于 2022-09-18 12:19:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yolo_______95/article/details/126915546
版权

浏览器默认行为，没有页签图标报错404

报错：Failed to load resource:the server responded with a status of :5500/favicon.ico:1 404(Not Found)

解决：在vscode中使用插件live server打开页面，再按住shift强制刷新可以看到出现了如下报错：
在这里插入图片描述
办法十分简单，我们在目录下添加一个favicon.ico的图标文件
在这里插入图片描述
再次刷新页面，解决
在这里插入图片描述
格外注意，这里的ico命名需要与报错一致，即favicon.ico。

但是我有一点不懂，老师说要放在根目录下面，但是我根目录反而不能解决，放在html这个目录下才能解决，不是很懂望大神指点。

小懒懒懒懒
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
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″); 这样的代码在请求时会出现两条请求: 第一条时URL地址为用户输入的客户端请求的目标URL地址,”/”代表用户的目标url地址为web应用程序的根目录. 第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认
Vue基于数字孪生的可视化建模系统源码+项目说明.zip
04-08
【资源说明】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。 Vue基于数字孪生的可视化建模系统源码+项目说明.zip # 项目架构 ``` │ vue.config.js // webpack配置 ├─public │ favicon.ico // ico图标 │ index.html // 入口html文件 └─src │ App.vue // 根组件 │ main.js // 程序入口文件 ├─assets │ ├─iconfont // 引用阿里巴巴矢量图标库 │ ├─img // 存放公共图片文件夹 │ ├─js │ │ utils.js // 封装工具类方法 │ └─styles │ │ base.scss // 基础样式文件 │ │ common.scss // 公用样式文件 │ └─fonts // 字体库文件 ├─components │ │ index.js // 封装组件库 │ ├─bar3d // 3D立体柱状图 │ ├─bgAnimation // 登录界面背景图动画 │ ├─cakeLinkage // 柱饼组合联动 │ ├─circleNesting // 圆环套圆环 │ ├─circleRunway // 环形跑道图 │ ├─colorfulArea // 多彩轮播面积 │ ├─colorfulRadar // 多彩雷达 │ ├─companySummary │ │ business.vue // 业务范围 │ │ distrbution.vue // 客户分布 │ │ history.vue // 发展历程 │ │ income.vue // 营业收入 │ │ talent.vue // 人才队伍 │ │ wordCloud.vue // 产品热词 │ ├─dynamicLine // 动态轮播折线图 │ ├─dynamicList // 动态列表动画 │ ├─flashCloud // 闪动云 │ ├─gauge // 仪表盘 │ ├─modal // 自定义全局模态框 │ ├─pyramid // 金字塔动画 │ ├─pyramidTrend // 金字塔趋势 │ ├─rainbow // 彩虹轨道图 │ ├─ringPie // 环形饼图 │ ├─ringPin // 环形气泡图 │ ├─rotateColorful // 旋转多彩图 │ ├─scanRadius
Failed to load resource: the server responded with a status of 413 (Request Entity Too Large)
最新发布
古猿写代码
04-16 473
而报文大小限制设置在server｛｝中，则控制该server收到的请求报文大小，同理，如果配置在location中，则报文大小限制，只对匹配了location 路由规则的请求生效。这篇博文提供一个思路，设置nginx中client_max_body_size值,client_max_body_size 20M。还可以选择在location{ }中设置：client_max_body_size 20m;也可以选择在server{ }中设置：client_max_body_size 20m;
hapi-favicon:为烦人的favicon.ico请求返回内容
05-05
hapa-favicon 一个简单的插件，可为您提供favicon.ico路线。 这是将显示在浏览器选项卡中的图标。 安装 npm install hapi-favicon 基本图示 只需在您的hapi服务器上注册插件： await server . register ( { plugin : require ( 'hapi-favicon' ) , options : { path : '/path/to/standard/icons/standard.ico' } } ) ; 其中path是您的收藏夹图像的本地文件路径。 这将在标准/favicon.ico路由中向hapi注册一个路由，该路由将返回带有image / x-icon mime标题类型的图标。 将路径留空将仅提供空白图像。 苹果触摸图标 您可以告诉hapi-favicon除了标准.ico图
对web.py设置favicon.ico的方法详解
12-24
本文介绍在web.py中设置favicon.ico的方法： 如果没设置favicon，后台日志是这样的： 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目录下，我这里是放在/static/res/目录下 1、在urls中添加映射规则： urls = ( '/', 'Index', '/favicon.ico','Icon', ) 2
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)， 解决方案： 方案一： 找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二： 或者把index.html文件中的路径/去掉； 下面是去掉后的，可以参考下 成功了！ 补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决
shaxu123的博客
03-07 8483
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决 （一）原因 前端代码里并没有写用到favicon.ico图片的代码，为什么会报错呢？ favicon.ico其实就是网页的标志图片，有些浏览器会默认在根目录下找这个图片，你没有就自然保存了 （二）解决方法 在前端页面中head标签中添加一下代码，注意href是路径，添加你自己的路径，同时要有favicon.ico这个图片，随便找一个图片
js报错：Failed to load resource: the server responded with a status of 404 (Not Found)：
热门推荐
老衲的少女心i~
04-07 14万+
报错： 报错截图： 文字提醒： Failed to load resource: the server responded with a status of 404 (Not Found) :8020/favicon.ico:1 翻译： 加载资源失败:服务器响应404 (Not Found):8020/favicon.ico:1 解决方法： 经常会遇见这个问题，在我自己写js的时候。 ...
报错解决——Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico文件找不...
weixin_30525825的博客
05-28 2452
　　Django项目开发完成后在本地运行没问题，但在推到服务器上后出现报错Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico文件找不到。 　　仔细对照路径查看确实没有favicon.ico文件，但为什么本地跑没关系推到服务器就必须要这个文件呢？这个文件又是什么文件呢？...
Failed to load resource: the server responded with a status of 404 (Not Found)啥意思
CreeSteve的博客
04-15 5万+
Failed to load resource: the server responded with a status of 404 (Not Found)这个错误表示，服务器无法找到您请求的资源。具体来说，这意味着您尝试访问的网页或文件在服务器上不存在，因此服务器无法为您提供该资源。这个错误通常出现在你试图访问一个不存在的网页或者你输入了一个错误的网址。也有可能是服务器的配置出现了问题，导致无法访问该资源。
报错解决——Failed to load resource: the server responded with a status of 404 (Not Found)
一只小鹿的博客
02-25 3万+
在复习JavaScript过程中发现该错误，Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico。 简而言之就是缺失favicon.ico文件。 简单来说，该文件就是收藏后显示的图标，浏览器一般自动在网站根目录寻找。 解决方案：1、做个favicon.ico文件放在根目录下（如上图，该文件的生成是有难度的），在head标签引入favicon.ico文件即可 <link hre
nginx关闭favicon.ico、robots.txt日志记录配置
09-30
主要介绍了nginx关闭favicon.ico、robots.txt日志记录配置,同时提供了不允许访问某些隐藏文件的配置方法,需要的朋友可以参考下
在node.js中怎么屏蔽掉favicon.ico的请求
01-01
今天准备用node做个api出来，还没入门，遇到一个小问题，特在此记录一下！ 　　在做路由模块的时候，发现控制台每次都会多输出一条favicon.ico的请求，对于这种又占资源，看着又碍眼的玩意，强迫症完全忍不了了，查了下代码，加了一行进去解决问题（没有技术含量，如果想笑话我的仁兄，请速速关闭浏览器）！ 　　下面的代码是未更改前的路由，了解原理比什么都重要，对吧！ function router (handle, pathname) { if (typeof handle[pathname] === 'function') { console.log('这条路由是方法' +
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
如何优雅地处理Django中的favicon.ico图标详解
12-25
favicon.ico是网站的图标也是网站的头像，简单来说，就是让我们的网站更加好看。 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的...
VUE--组件示例 博客 https://gudianxiaoshuo.blog.csdn.net/article/detail
05-28
博客 https://gudianxiaoshuo.blog.csdn.net/article/detail VUE 组件示例
uniapp报错Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/wrap-loader/i
shi0625的博客
07-15 2565
报这种错误不用慌一般的是闭合标签问题，找了挺长时间，可帮助大家避坑！
Spring MVC使用之favicon.ico加载失败解决方案
爱软件-从懂得生活开始。
04-20 3502
我们在使用Spring进行应用开发的时候Spring会对静态资源，URL路径，视图等进行统一管理，那么问题就来了，我们自己定义的资源文件都配置好了，但是有些请求是因为浏览器默认的行为，比如比较特殊的favicon.ico他会因为请求的路径是默认的应用根目录，而我们的静态资源路径是不可能映射到根路径的，因为根路径还会有很多其他的资源，如果这些资源都暴露的话会导致一些信息泄露是非常不安全的行为，所以我...
:5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
08-23
错误信息":5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)"是在浏览器控制台中显示的。它意味着浏览器无法加载指定路径下的/favicon.ico文件，因为服务器返回了404错误，表示文件未找到。这种错误通常出现在网站的根目录下缺少favicon.ico文件的情况下。当浏览器无法找到网站的favicon.ico文件时，它将返回默认的IE浏览器图标，并将404错误信息写入项目的错误日志中。这可以让网站管理员了解有人将网站设为“我的收藏夹”时发生了什么情况。<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/weixin_30525825/article/details/97980708)[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 ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值