js报错:Failed to load resource: the server responded with a status of 404 (Not Found):

本文讲述了遇到浏览器报错'Failed to load resource: 404 (Not Found)',原因在于找不到默认页签图标favicon.ico。通过刷新、检查网络请求和解决LiveServer插件的配置问题,作者提供了故障排查和解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

报错:

报错截图:
在这里插入图片描述

文字提醒:

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

解决方法:

我一般遇见这个问题,都是再刷新一遍,基本就不会再出现这个报错了。

接下来,我们来分析一下:
这个报错出现的原因是没有找到favicon.ico===》我们的页签图片,也就是最上面那个
在这里插入图片描述
浏览器默认行为:浏览器打开每一个网站的时候,都会默认的去请求页签图标
==》找谁要的页签图标?
==》来到network,进行强制的刷新(按住shift点击刷新按钮),这里就会显示
在这里插入图片描述
如果是正常的刷新,它可能就没有了,它请求了一次发现没有,可能就不在请求了

==》点击没有找的资源,标红那个出现:

在这里插入图片描述

就知道这个请求的资源是找谁要的了,

这里的端口号5500是因为我在我的vscode里面安装了一个插件, LiveServer它会在我选择之后,帮我打开一个页面,它的工作特点就是:你选中它的一瞬间,就在你的本机5500的端口上给你开了一台内置的服务器,并且进行了一个最重要的动作,把你整个工程里面的所有的文件和文件夹,都作为这台服务器的根资源去使用。
咋理解根资源?
回到刚才打开的页面把路径5500后面的东西全部删除,回车===》意思是直接找5500这个服务器要东西
在这里插入图片描述
显示出来的东西,就是当前服务器里面的所有东西,之前的那个找的页签的图标,在我们新建的这个项目工程文件里面,没有存在,当然就找不到目标资源

找不到,我们就给它一个,在百度随便找一个你喜欢的页签图标,直接拖进我们的工程文件里面就可。

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值