React+Webpack+Node.js下修改下载URL仍返回abc.js的实现方案

安全阿岳

2026-8-14

解决方法

你的代码存在两个关键问题：

条件判断误用了赋值运算符=，而非比较运算符===，这会导致条件始终为真，错误修改所有请求的路径
逻辑方向搞反：你需要拦截的是/abc.js/checking的请求，而非/abc.js，目标是将该请求映射到abc.js文件

以下是两种可行的实现方案：

方案1：直接返回目标文件

假设你的静态文件存放在public目录（abc.js位于此目录下），可以直接在中间件中返回文件：

const path = require('path');

app.use(function(req, res, next) {
  // 匹配/abc.js/checking的请求
  if (req.path === '/abc.js/checking') {
    // 拼接abc.js的绝对路径并返回
    const filePath = path.join(__dirname, 'public', 'abc.js');
    return res.sendFile(filePath);
  }
  next();
});

// 确保此自定义中间件放在静态文件中间件之前
app.use(express.static('public'));

方案2：修改请求路径后交给静态中间件处理

如果希望借助静态中间件自动处理文件返回逻辑，可以修改请求路径后继续传递：

app.use(function(req, res, next) {
  if (req.path === '/abc.js/checking') {
    // 修改请求路径为/abc.js，让静态中间件匹配到对应文件
    req.url = req.path = '/abc.js';
  }
  next();
});

// 静态文件中间件需放在此自定义中间件之后
app.use(express.static('public'));