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

原创 已于 2022-10-15 22:15:34 修改 · 3.5k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

于 2022-09-18 12:19:47 首次发布
本文介绍了解决浏览器默认行为导致的404图标错误的方法。通过在项目目录下放置名为favicon.ico的文件，可以消除该错误。特别注意文件名必须与报错提示完全一致。

浏览器默认行为，没有页签图标报错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这个目录下才能解决，不是很懂望大神指点。

Failed to load resource: the server responded with a status of 404 (Not Found)
郭宝的博客
08-19 1万+
背景： 在通过 npm run build 对vue项目进行打包时，出现了该错误信息： 解决办法： 提示： 无法加载资源：服务器的响应状态为404（未找到），出现了该错误，那么可以打开项目根目录下的vue.config.js文件，然后将 publicPath: '/', 改为 publicPath: './', 即可 ...
报错：Failed to load resource: the server responded with a status of 404 (Not Found)...如何解决？
最新发布
**My Coding Family**
11-10 2549
🏆本文收录于 《全栈Bug调优(实战版)》 专栏，该专栏专注于分享我在真实项目开发中遇到的各类疑难Bug及其深层成因，并系统提供高效、可复现的解决思路和实操方案。无论你是刚入行的新手开发者，还是拥有多年项目经验的资深工程师，本专栏都将为你提供一条系统化、高质量的问题排查与优化路径，助力你加速成长，攻克技术壁垒，迈向技术价值最大化与职业发展的更高峰🚀！
Vue（八）：vue项目常见报错
Start_Simple的博客
08-01 1539
vue常见报错
报错解决——Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico文件找不...
weixin_30525825的博客
05-28 2613
　　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) favicon.ico文件找不到...
weixin_30642267的博客
08-01 564
今天使用sublime以localhost方式打开html文件时（使用wamp环境提供一个Apache服务器，html文件存在于wamp环境的www文件夹下），出现favicon.ico文件找不到问题 查看D:\wamp\logs文件夹的apache_error.log文件发现以下错误信息： [Thu May 11 16:40:06 2017] [error] [...
:5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
08-23
- *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-...
控制台:5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
07-29
- *1* *2* [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-...
favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
09-01
- *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-...
favicon.ico:1 Failed to load resource: the server responded with a status of 401 ()
01-18
### 解决Favicon.ico 401 Unauthorized问题 对于Web应用程序而言，当遇到`/favicon.ico`文件加载失败并返回401未授权错误时，通常是因为服务器端的安全设置阻止了对该资源的访问。针对不同框架和技术栈有不同的解决...
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决
shaxu123的博客
03-07 9002
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决 （一）原因 前端代码里并没有写用到favicon.ico图片的代码，为什么会报错呢？ favicon.ico其实就是网页的标志图片，有些浏览器会默认在根目录下找这个图片，你没有就自然保存了 （二）解决方法 在前端页面中head标签中添加一下代码，注意href是路径，添加你自己的路径，同时要有favicon.ico这个图片，随便找一个图片
Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico
Naruto_c的博客
05-30 2万+
初学项目，在用Chrome的开发者工具过程中发现该错误，Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico。 简而言之就是缺失favicon.ico文件。Google之后发现该文件是指 简单来说，该文件就是收藏后显示的图标，浏览器一般自动在网站根目录寻找。   ...
Failed to load resource: the server responded with a status of 404 (Not Found) :8020/favicon.ico:1
weixin_46990454的博客
12-20 2288
Failed to load resource: the server responded with a status of 404 (Not Found) 无法加载资源：服务器的响应状态为404（未找到） 浏览器会自动加载你标签栏左边的图标，但是你服务器上没有这样一个图标，所以会找不到资源，可以去找个.icon图标然后放在项目根目录,然后在<head>元素中加入。 <link rel=“icon” href=".icon图标所在路径"/> ...
js报错：Failed to load resource: the server responded with a status of 404 (Not Found)：
热门推荐
老衲的少女心i~
04-07 16万+
报错： 报错截图： 文字提醒： 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的时候。 ...
vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)
mini_1251861209的博客
01-09 1万+
在根目录下新建文件vue.config.js 配置打包资源路径：默认是“./”，如果没有特殊需求就不要修改 代码如下： const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './static', //这个路径根据自己的情况定，默认就填"./",因为我静态资源的路径必须要在static文件夹下.
Vue项目：Failed to load resource: the server responded with a status of 404 (Not Found)
qq_52133989的博客
11-18 7744
Failed to load resource
【报错问题】Failed to load resource: the server responded with a status of 404
weixin_44174312的博客
03-29 9112
若继续遇到问题，可以继续提供详细错误，我帮你继续排查。，说明你没有在请求中指定完整的后端地址。按上述步骤检查和修改后，问题即可解决✅。接口在后端并未正确实现或暴露。检查项目中以下文件是否已经从。检查后端是否已经实现了。
报错解决——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
Vue3报错之 Failed to load resource: the server responded with a status of 404 (Not Found)
m0_68829419的博客
03-22 2128
不知道为什么，重新建立了src组件之后，之前组件运行npm run dev的localhost地址没办法打开新的组件，只能在新的组件里面重新右键在集成终端中打开运行npm run dev，反正问题是解决了，后续有更好的解决办法再来补充。
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值