Node.js调用app.use批量添加文件中间件的回调参数替换问题

核心问题说明 #

现有代码所有路由复用同一个处理函数，函数内部无法获取当前匹配路由对应的资源路径，且逻辑与需求不匹配：所有请求无论路径均返回HTML文件，无法响应CSS、图标等静态资源请求。

方案1：闭包绑定路由配置（适配现有枚举endpoint的写法） #

先修正原有代码的语法问题（数组项漏逗号、变量未声明、文件名拼写错误），再通过工厂函数为每个路由生成独立的处理函数，通过闭包拿到对应资源的配置信息：

// 修正语法错误后的路由配置
const endpoints = [
    {
        "url":      'views/jquery-ui-1.12.1.custom/jquery-ui.css',
        "type":     'text/css'
    },
    {
        "url":      'views/app.css',
        "type":     'text/css'
    },
    {
        "url":      'views/favicon.ico',
        "type":     'image/x-icon'
    }
];

// 路由处理函数工厂：接收单个路由配置，返回对应处理函数
function createRouteHandler(routeConfig) {
  return function (req, res) {
    const session = req.session;
    if (!session.userid) {
      return res.sendFile('views/index.html', { root: __dirname });
    }
    // 登录状态下返回对应资源，手动设置响应类型
    res.setHeader('Content-Type', routeConfig.type);
    res.sendFile(routeConfig.url, { root: __dirname });
  }
}

// 注册路由时为每个路由生成独立的处理逻辑
for (const route of endpoints) {
  app.get(route.url, createRouteHandler(route));
}

方案2：更优的通用实现（推荐） #

不需要手动枚举所有静态资源路径，直接用Express内置的express.static中间件配合全局权限校验即可实现，可维护性更高，也能自动处理响应头、缓存、404等边缘场景：

const path = require('path');
const express = require('express');

// 权限校验中间件
const authCheck = (req, res, next) => {
  if (!req.session.userid) {
    return res.sendFile('views/index.html', { root: __dirname });
  }
  next();
};

// 所有/views路径下的资源先经过登录校验，校验通过后自动返回对应文件
app.use('/views', authCheck, express.static(path.join(__dirname, 'views')));

如果需要自定义特定资源的响应类型，可以给express.static传入setHeaders配置项实现，不需要单独写路由逻辑。

原有代码的注意点 #

• 路由配置数组中第二项和第三项之间漏了逗号，会触发语法错误
• session变量未使用let/const声明，会污染全局作用域
• favicon文件名拼写错误，多写了一个字母o，实际应为favicon.ico

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