GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题

本文介绍了解决在使用VSCode的LiveServer插件时遇到的关于favicon.ico资源404错误的问题。该问题源于浏览器默认请求网页图标的行为,通过在项目根目录下添加对应的图标文件可以轻松解决。

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

问题:

在学习jsonp技术时,在VSCode右键选择Live Server打开html文件,浏览器控制台出现如下错误:

大致意思就是本机5500端口找不到favicon.ico资源。

我并没有去请求这个资源,为什么会出现这个问题呢?

这是浏览器的一个默认行为,浏览器打开任意网站都会去请求网页的页签图标,而我这没有,就会报错404 not found。

而用Open with Live Server打开会在当前文件夹的根目录开一个小的服务器,端口号为5500,然后把根目录下面的所有文件和文件夹资源当作这个服务器的根资源去使用。

查看5500端口根资源目录,跟我VSCode里的文件结构一样:

可以看到,根本没有favcion.ico这个资源。

解决:

在项目根目录添加一张图片,更改图片名和扩展名为缺少的图标资源格式

重新启动服务器,查看控制台,没有报错

 参考博客:Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题_CodeJiao的博客-CSDN博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值