解决VUE报错GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)

最新推荐文章于 2024-03-23 22:57:41 发布
原创 最新推荐文章于 2024-03-23 22:57:41 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

当Vue项目启动时，由于缺少favicon.ico文件，控制台出现404错误。解决方案是在项目根目录下添加一张图片并命名为favicon.ico，即可解决错误并设置网页图标。

当我们启动VUE项目的时候控制台会报错错误GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)

 原因就是项目下的 favicon.ico 找不见，缺少一个页签图标

解决方法：

在根目录下放置一张图片，重命名为favicon.ico

这个时候选中的图片就会作为网页的图标进行展示，控制台也不再报错

 

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
uniapp 页面favicon.ico文件不存在提示404问题解决
qq_36158551的博客
08-26 433
在uniapp中经常出现的，因为找不到 favicon.ico 而报404错误的问题。
[网关异常处理]请求路径captchaImage,异常信息404 NOT_FOUND
m0_67401660的博客
03-06 9019
今天用若依二开，在项目里添加了一个模块，启动系统的时候报错了。 前台提示404 NOT FOUND，同时验证码无法显示。 这个问题，我一分钟之内就知道是哪儿的问题。 原因是，我启动的ruoyi-ui是Vue版本，而我的后台服务器是Cloud版本。 但是，还是想记录一下，顺便把Spring Cloud GateWay的相关知识，再巩固一遍。 08:53:21.851 [reactor-http-nio-3] ERROR c.r.g.h.GatewayExceptionHandler - [handle,52
解决报错：favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
weixin_52954097的博客
09-15 5615
因为选择Open with Live Server，他会在当前文件夹的根目录 开一个小的服务器 端口号为5500，然后把根目录下面的所有文件和文件夹资源当作这个服务器的根资源去使用。这是游览器的一个默认的行为，游览器打开任意的网站，都会去请求网页的页签图标，你这里没有，就会404 Not Found 找不到资源。找到项目的根目录，在根目录的位置，随变找一个图片放上，把路径改为favicon.ico。选择Open with Live Server。记住，一定放在项目根目录位置，否则还是不中。
GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题
Amy_cx的博客
09-21 5624
GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题
【Vue】 favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)
Ginger_07的博客
03-14 3060
Live Server 这个插件会自动在电脑上打开一个端口为5500的服务器,将整个工程里的文件和文件夹都作为这个服务器的根资源去使用. 直接访问这个服务器: 没有页前图标,所以报错404 **解决方法:**直接将页前图标拖入vscode中. 页前图标需要.ico的后缀格式 ...
GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)Understand this errorAI
03-09
嗯，用户想了解HTTP 404错误的原因，特别是关于本地服务器上请求favicon.ico的问题。首先，我得回忆一下404错误的基本概念。404 Not Found是客户端错误状态码，表示服务器无法找到请求的资源。这可能是因为资源不...
: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...
127.0.0.1 - - [10/Sep/2025 20:32:40] "GET / HTTP/1.1" 404 - 127.0.0.1 - - [10/Sep/2025 20:32:40] "GET /favicon.ico HTTP/1.1" 404 -
最新发布
09-11
GET /favicon.ico 404 (Not Found) # 浏览器自动触发 ``` 3. **静态资源配置错误** 未正确设置静态文件路径或未放置图标文件： ```python # 未配置静态文件夹 app = Flask(__name__) # ❌ 缺少static_folder...
连接端口出现INFO: ::1:63702 - "GET / HTTP/1.1" 404 Not Found INFO: ::1:63702 - "GET /favicon.ico HTTP/1.1" 404 Not Found
08-06
在Web服务器或应用程序访问时出现 `GET / HTTP/1.1 404 Not Found` 错误，特别是在使用本地IPv6地址 `::1` 时，可能涉及多个层面的问题。以下是对这一问题的排查与分析： ### 1. 本地环境配置问题 在使用 `::1` ...
解决 favicon.ico 404 (Not Found)
小糖穿越火线
02-26 8088
解决一：加入icon <link href="favicon.ico" rel="shortcut icon"> 解决二：再head中写入： <link rel="shortcut icon" href="#">
GET http://localhost:8686/favicon.ico 404 (Not Found)
weixin_68013612的博客
12-20 764
这是浏览器的默认的行为，浏览器打开任意的网站，都会去请求网页的页签图标，找不到，就会404 Not Found 找不到资源。就是浏览器去找这个标记的图标找不到。没有图标的话，可以在阿里矢量库下载。在head 标签中将ico图标引入。将图标转换为ico图标。
解决页面favicon.ico文件不存在提示404问题
热门推荐
pan_junbiao的博客
07-01 12万+
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳f...
网站报错Not Found favicon.ico ?
Jeffrey的博客
11-23 2205
熟悉的情境，自己开发的系统甚至打开很多已上线的系统，浏览器访问，F12打开调试工具，控制台总能看到如下图404错误。不是啥大问题，强迫症也不能忍，今天就这个问题我们来一探究竟。 所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中、标签栏上除显示相应的标题外，还能以图标的形式区别不同的网站。如下即为百度的favicon 网站添加favicon 第一步：找一张看着顺眼的图片，然后百度搜索ico图片转换，保存转换后的文件； 第二步：ico格式的图.
vue项目报favicon.ico错误
andux的专栏
11-30 1120
而vue中使用svg文件，可以直接显示的。用chrome浏览器，就能正常显示。所以，出现这个问题，没有使用最新版的chrome浏览器，用最新的chrome浏览器就可以识别svg图形文件。这个需要到专门的在线制作ico图标的网站，将图片转换成ico图片。vue项目报favicon.ico错误，
favicon.ico404
weixin_52754360的博客
03-23 1025
Cannot GET /index.html/favicon.ico favicon.ico:1 GET http://127.0.0.1:5500/index.html/favicon.ico 404 (Not Found)
解决Vue用Nginx做web服务器报错favicon.ico 404 (Not Found)的问题
weixin_33798152的博客
05-26 1940
　　有多种解决方案 1、vue静态资源 　　vue中为网页增加favicon的最便捷的方式为使用link标签 &lt;link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" rel="external nofollow" /&gt; 　　先在static目录下添加favicon，至于为什么要在static...
去除html页面中favicon.ico 404 (Not Found)
weixin_41374755的博客
03-14 2325
html5页面中经常会遇见以下问题，那么怎么解决呢？ GET http://localhost:8080/favicon.ico 404 (Not Found) 解决的方法： 1、做个favicon.ico文件放在根目录下，在head标签引入favicon.ico文件即可 <link href ="favicon.ico" rel="shortcut icon"> 或者 2、在Sta...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值