控制台 favicon.ico 404 (Not Found)报错
问题描述
在 Web 项目开发中，浏览器会提示 favicon.ico 文件不存在 404 问题，如何解决？
我没有引入 favicon.ico 为什么报错 GET http://localhost:5173/favicon.ico 404 (Not Found)
什么是 favicon
所谓 favicon，即 Favorites Icon 的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是 Favicon 的全部，根据浏览器的不同，Favicon 显示也有所区别：在大多数主流浏览器如 FireFox 和 Internet Explorer (5.5 及以上版本)中，favicon 不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳 favicon 到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如 FireFox 甚至支持动画格式的 favicon 等。
解决方案
当浏览器访问网站时，通常会默认请求 /favicon.ico 文件，用于显示在浏览器标签页中的网站图标（又称为网站图标）。如果你没有明确引入 favicon.ico 文件，浏览器会尝试在根目录下寻找该文件，并在控制台中报告 404 错误。
要解决这个问题，你有几种选择：
使用真实的
favicon.ico文件： 你可以为你的网站准备一个真实的favicon.ico图标文件，并将其放置在网站根目录下。这样浏览器就可以顺利加载图标而不会报错了。忽略请求或返回空文件： 在服务器端处理这个请求，如果没有
favicon.ico文件，则可以忽略该请求或者返回一个空的favicon.ico文件。这样就不会显示 404 错误了。通过代码处理请求： 在你的服务器代码中，可以拦截对
/favicon.ico的请求，并处理成返回一个空文件或者其他自定义的图标文件。这样也能解决这个问题。在 HTML 页面中添加
<link>标签： 你可以在 HTML 页面的<head>标签中添加一个<link>标签。
<link rel="shortcut icon" href="#"综上所述，如果你不想引入真正的 favicon.ico 文件，你可以通过以上方法之一在服务器端或代码中处理这个请求，使网站能够正常运行而不出现 404 错误。