如何解决URIError：解码参数'/％PUBLIC_URL％/favicon.ico'失败问题？

这个错误的核心原因是请求路径里的%PUBLIC_URL%是前端构建工具（比如Create React App）的占位符，没有被正确替换成实际路径，导致Express路由解析时，decodeURIComponent无法识别格式错误的百分号编码（%P不是合法的URI编码格式）。

给你几个针对性的解决办法：

• 确保前端项目完成构建：如果用的是Create React App这类框架，必须先执行npm run build生成构建后的静态文件，Express要托管的是build文件夹，而不是原始的public文件夹。构建过程会自动把%PUBLIC_URL%替换成实际的资源路径。

• 修正Express静态服务配置：检查你的Express代码，确保静态资源指向的是前端构建后的目录。比如：

const path = require('path');
app.use(express.static(path.join(__dirname, '../client/build'))); // 路径需对应你的build文件夹实际位置

如果之前直接指向了public文件夹，就会导致占位符没被替换的问题。

• 临时应急方案：如果暂时没法重新构建，可以在Express的路由前面加一个中间件，拦截包含错误占位符的请求并修正路径：

app.use((req, res, next) => {
  if (req.url.includes('%PUBLIC_URL%')) {
    // 把占位符替换成空或者你的实际基础路径
    const correctedUrl = req.url.replace('%PUBLIC_URL%', '');
    res.redirect(correctedUrl);
  } else {
    next();
  }
});

注意这个只是临时办法，长期来看还是要通过前端构建来解决根源问题。

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