使用koa-favicon出现404问题：favicon.ico存在仍返回Not Found

嘿，这个坑我踩过！别着急，咱们一步步拆解问题：

最可能的原因：koa-favicon的路径没指向对地方 #

koa-favicon默认的查找逻辑是基于你启动Node进程的当前工作目录，而不是你项目的根目录（__dirname）。举个例子：如果你的项目在/home/my-project，但你是在/home目录下运行node my-project/app.js，那koa-favicon会去/home/favicon.ico找文件，而不是你放的/home/my-project/favicon.ico，自然就404了。

解决办法（二选一就行） #

• 直接传入完整的文件路径（推荐，最稳妥）：
  先引入path模块，然后拼接路径：

  const Koa = require('koa');
  const app = new Koa();
  const favicon = require('koa-favicon');
  const path = require('path'); // 新增path模块
  
  app.use(favicon(path.join(__dirname, 'favicon.ico'))); // 传入完整路径
  app.listen(3008);
  

• 或者指定root参数为项目根目录：

  app.use(favicon({ root: __dirname }));
  

其他可能的小坑 #

• 文件名大小写问题：Linux/macOS系统是大小写敏感的，如果你把文件命名成Favicon.ico或者favicon.ICO，koa-favicon会找不到它，改成全小写的favicon.ico就好。
• 文件权限问题：如果是在Linux/macOS上，确保文件有可读权限，运行chmod 644 favicon.ico给文件加上读权限。
• Chrome缓存搞鬼：有时候Chrome会缓存之前的404响应，哪怕你已经修复了问题。打开开发者工具（F12）的Network面板，勾选「Disable cache」，再刷新页面试试，或者用Ctrl+Shift+R强制刷新。

内容的提问来源于stack exchange，提问作者Алекс