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

最新推荐文章于 2024-08-02 12:10:09 发布
最新推荐文章于 2024-08-02 12:10:09 发布
阅读量4.8k 收藏 8
点赞数 10
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Amy_cx/article/details/126980840
版权

问题：

在学习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博客

Amy_cx
关注
解决VUE报错GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
XunLin233的博客
09-26 956
当我们启动VUE项目的时候控制台会报错错误GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)原因就是项目下的 favicon.ico 找不见，缺少一个页签图标。这个时候选中的图片就会作为网页的图标进行展示，控制台也不再报错。在根目录下放置一张图片，重命名为。
解决报错：favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
weixin_52954097的博客
09-15 3500
因为选择Open with Live Server，他会在当前文件夹的根目录 开一个小的服务器 端口号为5500，然后把根目录下面的所有文件和文件夹资源当作这个服务器的根资源去使用。这是游览器的一个默认的行为，游览器打开任意的网站，都会去请求网页的页签图标，你这里没有，就会404 Not Found 找不到资源。找到项目的根目录，在根目录的位置，随变找一个图片放上，把路径改为favicon.ico。选择Open with Live Server。记住，一定放在项目根目录位置，否则还是不中。
解决浏览器控制台的favicon.ico 404的警告信息
我的米饭
08-02 321
【代码】解决浏览器控制台的favicon.ico 404的警告信息。
Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题
天行健 君子以自强不息，地势坤 君子以厚德载物。
09-11 1万+
1. favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found) 1.0 现象重现 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met
【Vue】 favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
Ginger_07的博客
03-14 2713
Live Server 这个插件会自动在电脑上打开一个端口为5500的服务器,将整个工程里的文件和文件夹都作为这个服务器的根资源去使用. 直接访问这个服务器: 没有页前图标,所以报错404 **解决方法:**直接将页前图标拖入vscode中. 页前图标需要.ico的后缀格式 ...
解决页面favicon.ico文件不存在提示404问题
热门推荐
pan_junbiao的博客
07-01 11万+
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳f...
初始配置、启动nginx后用浏览器访问127.0.0.1时出现404 not found解决方法
weixin_53414403的博客
08-26 5640
初始配置、启动nginx后用浏览器访问127.0.0.1时出现404 not found解决方法
解决报错：favicon.ico:1 GET http://127.0.0.1:8080/favicon.ico 404 (Not Found)
最新发布
09-13
这个报错信息通常出现在Web开发中，当浏览器尝试加载网站的图标（通常是一个名为favicon.ico的小图标）时，但是服务器没有找到这个文件或者指定的文件路径不正确，就会返回404（Not Found）错误。解决这个问题通常...
【Flask】 Not Found: /favicon.ico 项目logo图标加载
高岩 is me
11-17 7210
当浏览器访问我们的服务器时，浏览器会默认请求项目根路径下的favicon.ico文件，根目录下没有这个文件，所以就报了这个错误。 INFO:werkzeug:127.0.0.1 - -  "GET /favicon.ico HTTP/1.1" 404 - 如何解决： 浏览器请求的是/favicon.ico，如图： 所以我们定义一个这样的路径，通过具体的方法实现就可以了，我们要做的是把f...
:5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
07-28
- *2* [Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题](https://blog.csdn.net/I_r_o_n_M_a_n/article/details/120235874)[target="_blank" data-report-click={"spm":"1018...
nginx-GET /favicon.ico HTTP/1.1
阳光梦的专栏
07-23 2万+
2012/03/11 17:13:25 [error] 959#0: *116 open() "/usr/local/nginx/html/favicon.ico" failed (2: No such file or directory), client: 111.68.59.75, server: 127.0.0.1, request: "GET /favicon.ico HTTP/1.1"
You have 19 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, polls, sessions. Run 'python manage.py migrate' to apply them. June 08, 2023 - 09:44:30 Django version 3.2, using settings 'mysite.settings' Starting development server at http://127.0.0.1:8000/ Quit the server with CTRL-BREAK. Not Found: / [08/Jun/2023 09:44:35] "GET / HTTP/1.1" 404 2049 Not Found: /favicon.ico [08/Jun/2023 09:44:35] "GET /favicon.ico HTTP/1.1" 404 210
06-09
这段话是Django开发服务器在启动时输出的信息，它告诉我们当前有19个未应用的数据库迁移，这可能导致应用程序无法正常工作。...最后两行提示我们访问的页面未找到（404错误）。其中第二行还提示找不到网站图标。
favicon.ico404
weixin_52754360的博客
03-23 405
Cannot GET /index.html/favicon.ico favicon.ico:1 GET http://127.0.0.1:5500/index.html/favicon.ico 404 (Not Found)
关于favicon.ico的报错：RoutingError
fantaxy025025的专栏
03-31 735
错误： ActionController::RoutingError (No route matches [GET] "/favicon.ico"): ActionController::RoutingError (No route matches [GET] "/favicon.ico"): actionpack (3.2.8) lib/action_dispatch/middle...
java.io.FileNotFoundException: favicon.ico (系统找不到指定的文件。)
wd7mxh38的博客
06-03 1517
favicon.ico是访问网站时的小图标，当未设置该图标时，会报这个错。 解决：将favicon.ico文件放入根目录即可
vue项目 前端 POST(GET) http://127.0.0.1xxx 404(Not Found)错误 （多种误区解决）
北芒的博客
04-10 7万+
在做项目调用接口的时候经常出这种错误 这种错误基本上是由于不细心造成的 为什么会出现这种错误 因为它没有找到对应的接口 比如你想调用 地址为 login 的接口，然后出现了这个问题，然而明明有这个接口却调用不到 这时就会出现这种错误 可能出现的错误之处 代理出现错误 请仔细检查你的代理是否出现错误 调用接口地址出错 仔细检查调用的地址是否和接口地址一致 因为是使用的代理...
favicon.ico显示问题
Aoject
02-12 6174
最近做网站前端显示的时候，浏览器选项卡都会显示一个网站的小图标 也就是favicon.ico。不过显示的时候总是出问题，在网上搜了一下方法，希望对大家有帮助。 favicon.ico其实就是网站显示时候的那个tab卡片前面的小图标 小图标一般都是采用logo的形象，这样可以很直观的明确自己访问的站点，对推广还是很有必要的，同时也可以提升用户体验。 下面是我完成 favic
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决
shaxu123的博客
03-07 8644
favicon.ico Failed to load resource: the server responded with a status of 500 ()错误解决 （一）原因 前端代码里并没有写用到favicon.ico图片的代码，为什么会报错呢？ favicon.ico其实就是网页的标志图片，有些浏览器会默认在根目录下找这个图片，你没有就自然保存了 （二）解决方法 在前端页面中head标签中添加一下代码，注意href是路径，添加你自己的路径，同时要有favicon.ico这个图片，随便找一个图片
GET http://localhost:8686/favicon.ico 404 (Not Found)
weixin_68013612的博客
12-20 549
这是浏览器的默认的行为，浏览器打开任意的网站，都会去请求网页的页签图标，找不到，就会404 Not Found 找不到资源。就是浏览器去找这个标记的图标找不到。没有图标的话，可以在阿里矢量库下载。在head 标签中将ico图标引入。将图标转换为ico图标。
Failed to load resource: the server responded with a status of 404 (Not Found) 127.0.0.1/:1 Refused to execute script from 'http://127.0.0.1:3000/script.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. :3000/cal?btn=10:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) (索引):19 M :3000/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found) 2(索引):28 Uncaught ReferenceError: cal is not defined at HTMLInputElement.onclick ((索引):28:88) onclick @ (索引):28 (索引):29 Uncaught ReferenceError: cal is not defined at HTMLInputElement.onclick ((索引):29:89) onclick @ (索引):29 (索引):28 Uncaught ReferenceError: cal is not defined at HTMLInputElement.onclick ((索引):28:88) onclick @ (索引):28 (索引):37 Uncaught ReferenceError: cal is not defined at HTMLInputElement.onclick ((索引):37:89) onclick @ (索引):37
06-11
根据你提供的错误信息，我可以看到以下几个问题： 1. 请求 `http://127.0.0.1:3000/script.js` 返回了 MIME 类型为 `text/html`，而不是 `application/javascript`。这通常是因为服务器没有正确配置 MIME 类型导致的。你可以检查一下服务器配置文件（如 nginx.conf 或 apache2.conf）中是否包含了 `.js` 文件的 MIME 类型，或者尝试使用 `express` 中间件来设置 MIME 类型，如下所示： ```javascript app.get('/script.js', (req, res) => { res.set('Content-Type', 'application/javascript'); res.sendFile(path.join(__dirname, 'public', 'script.js')); }); ``` 2. 请求 `http://127.0.0.1:3000/cal?btn=10` 返回了 500 内部服务器错误，这可能是因为服务器代码中出现了错误。你可以检查一下服务器代码，特别是与 `/cal` 路由相关的代码是否有问题。 3. 请求 `http://127.0.0.1:3000/favicon.ico` 返回了 404 文件未找到错误，这通常是因为浏览器会自动请求网站的 favicon.ico 文件，而服务器没有提供该文件所导致的。你可以在服务器代码中添加以下代码来处理这个请求： ```javascript app.get('/favicon.ico', (req, res) => { res.sendFile(path.join(__dirname, 'public', 'favicon.ico')); }); ``` 4. 在浏览器控制台中出现了 `Uncaught ReferenceError: cal is not defined` 错误，这通常是因为代码中使用了未定义的变量或函数，或者变量或函数名拼写错误所导致的。你需要检查一下代码中是否存在这样的问题，特别是与 `cal` 相关的代码是否正确。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值