得到`favicon.ico`错误，但在代码中找不到它

Question

当我在浏览器中运行我的项目时，我得到了＃34;找不到favicon.ico＆＃34;浏览器控制台中出错：

  

无法加载资源：服务器响应状态为404（未找到）
  ：8080 / favicon.ico

但是当我在WebStorm的整个项目中搜索favicon时，它什么也找不到：

Answer 1

这很正常。无论您是否在代码中声明，Chrome都会尝试在您网站的根目录下提取favicon.ico，以便在您的标签中显示。在您的情况下，它会尝试获取：http://localhost:8080/favicon.ico

根据Wikipedia article on Favicon

，所有浏览器都会执行此操作，但SeaMonkey除外

在过去，这是个性化浏览器图标的标准方式。现在，您可以为各种设备设置大量可能的图标：https://stackoverflow.com/a/26768184/1375487

此外，您可以查看此答案，因为它会建议阻止自动提取的方法：https://webmasters.stackexchange.com/a/34572

无论如何，最佳做法是为您的项目设置favicon.ico。

Answer 2

favicon.ico是您网站标题栏上的图标。

浏览器未在您的网站中找到它。

您应该将其提供给index.html：

<link rel="shortcut icon" href="assets/images/favicon.ico">

您可以根据自己的情况更改路径。