Express中请求返回400错误且req.url变为/favicon.ico问题求助

嘿，这个问题我做类似URL解析服务时也碰到过，咱们一步步拆解清楚原因和解决办法～

问题根源拆解 #

首先你遇到的两个现象是关联的：

• 双百分号（%%）触发400错误：URL编码规则里，百分号%是编码前缀，必须紧跟两位十六进制字符（比如%20对应空格）。当请求里出现%%这种不完整的编码序列时，Node.js的HTTP模块（或Express框架）会判定这是无效URL，直接返回400 Bad Request。
• req.url变成/favicon.ico：这不是你的服务修改了路径，是浏览器的默认行为——当它收到400这类错误响应时，会自动发起一个/favicon.ico的请求试图获取网站图标，所以你会看到这条额外的请求记录。

具体解决方案 #

1. 提前拦截非法编码请求（推荐） #

在路由处理之前，加一个中间件检查请求路径里的非法字符，提前返回自定义错误，避免触发服务器的默认400错误：

// Express 示例
app.use((req, res, next) => {
  // 检测路径中是否存在未正确编码的双百分号
  if (/%%/.test(req.path)) {
    return res.status(400).json({ error: "无效的URL编码：不允许使用双百分号" });
  }
  next();
});

2. 捕获并处理服务器抛出的编码错误 #

如果用户输入的非法编码不止%%，还可以配置错误处理中间件，统一捕获这类400错误，返回符合你服务风格的JSON响应：

// Express 错误处理中间件（要放在所有路由之后）
app.use((err, req, res, next) => {
  // 判断是否是URL解码失败的错误
  if (err.status === 400 && err.message.includes("Failed to decode param")) {
    res.status(400).json({ error: "无效的日期格式或URL编码，请检查输入" });
  } else {
    // 其他错误交给默认处理
    next(err);
  }
});

3. 额外处理/favicon.ico请求（可选） #

如果还是想彻底避免这个额外请求，可以专门加一个路由处理/favicon.ico，返回空响应或自定义图标：

app.get('/favicon.ico', (req, res) => {
  res.status(204).end(); // 返回无内容响应
});

效果验证 #

做完上面的配置后，当用户输入含%%的URL时，你的服务会直接返回自定义的JSON错误，浏览器不会收到默认的400 HTML页面，也就不会触发/favicon.ico的请求了。

内容的提问来源于stack exchange，提问作者Juan David Arce