Morgan输出GET请求404报错排查：未用图片却出现gear.png请求

• 查看浏览器网络面板的发起者：在你提供的网络面板截图里，定位到这条404请求的记录，查看「发起者（Initiator）」列，这里会直接显示触发请求的代码文件、行号，甚至具体的组件或脚本，能快速定位请求源头。
• 全局搜索项目代码：在React前端和Node后端的所有文件里，搜索gear.png或/images/icons/gear.png——大概率是某个UI组件库（比如AntD、Material UI）默认引用的图标，或是你之前写过又删除但没清理干净的代码残留，也可能是第三方依赖自动添加的引用。
• 排查浏览器扩展：部分广告拦截、页面美化类的浏览器扩展会自行发起资源请求。可以尝试在无痕模式下运行项目，如果这条404请求消失，就说明是某个扩展导致的。
• 检查入口HTML与配置文件：查看React项目的public/index.html里是否有隐藏的<img>、<link>标签，或是manifest.json、图标配置文件里有没有写错路径，这类配置错误也可能触发无效请求。
• 增强Morgan日志信息：修改Morgan的日志格式，添加:referrer和:user-agent字段，示例配置如下：

  app.use(morgan(':method :url :status :res[content-length] - :response-time ms :referrer :user-agent'))
  

  新增的字段会显示请求的来源页面和客户端信息，帮助判断是项目内部触发还是外部请求。

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