如何解决Chrome DevTools中GET /favicon.ico 404(Not found)错误？

你的问题出在两个核心点：

1. 你设置的图标路径/images/seethrough_1.png是绝对路径，但你的项目里既没有images文件夹，也没有对应的图标文件；而且本地直接打开HTML文件时，/会指向系统根目录而非项目根目录，必然找不到资源。
2. 浏览器默认会自动请求根目录下的favicon.ico文件，你的项目里没有这个文件，所以触发404错误。

具体修复步骤 #

方案1：添加并正确引用自定义图标

• 若要使用你指定的seethrough_1.png：
  1. 在项目根目录创建images文件夹，将seethrough_1.png放入其中
  2. 修改link标签的路径为相对路径，同时用sizes属性指定图标尺寸（link标签的style属性无效）：

  <link rel="icon" type="image/x-icon" href="./images/seethrough_1.png" sizes="100x100">
  

• 若使用标准favicon.ico：
  1. 将ico格式的图标文件命名为favicon.ico，放在项目根目录
  2. 修改link标签：

  <link rel="icon" type="image/x-icon" href="./favicon.ico">
  

方案2：阻止浏览器默认请求favicon.ico

如果暂时不需要图标，可以添加一个空资源引用，让浏览器停止发起默认请求：

<link rel="icon" href="data:,">

内容的提问来源于stack exchange，提问作者Thomas Kremer