Express静态内容JWT验证中间件问题：如何仅对静态请求生效

嘿，我完全懂你的痛点——不想让JWT校验中间件接管所有请求，只想给静态资源请求加上权限校验对吧？之前你把authUtil.checkAuth直接放在express.static前面，因为没指定路径，所以所有请求都触发了校验，这确实不是你想要的效果。这里有两个实用的方案可以解决这个问题：

方案一：给静态资源挂载专属路径 #

最简单的方式是给静态资源请求加一个统一的前缀路径，比如/static，然后只在这个路径下应用校验中间件：

const path = require('path');

// 只有访问 /static 开头的请求才会先经过JWT校验
app.use('/static', authUtil.checkAuth, express.static(path.join(config.root, 'public')));

这样一来，你的非静态请求（比如接口/api/user）就不会触发checkAuth，只有访问静态资源（比如/static/css/style.css）时才会先走校验逻辑。这个方案的好处是逻辑清晰，不需要额外的判断代码。

方案二：通过请求路径动态判断（不修改访问路径） #

如果不想改动静态资源的访问路径，你可以写一个中间件来判断当前请求是否指向静态资源，再决定是否启用JWT校验：

const path = require('path');
const staticPath = path.join(config.root, 'public');

// 定义静态资源的后缀正则，根据你的实际资源类型调整
const staticFilePattern = /\.(html|css|js|png|jpg|jpeg|svg|gif|ico)$/i;

app.use((req, res, next) => {
  // 检查请求路径是否匹配静态资源后缀
  if (staticFilePattern.test(req.path)) {
    // 是静态资源请求，先执行JWT校验
    authUtil.checkAuth(req, res, next);
  } else {
    // 非静态请求，直接跳过校验
    next();
  }
}, express.static(staticPath));

注意事项： #

• 记得把这个自定义中间件放在express.static的前面，这样才能先执行校验逻辑
• 调整staticFilePattern的正则，覆盖你所有需要校验的静态资源后缀
• 如果静态资源存放在子目录下，这个正则依然能匹配到，比如/assets/js/app.js也会被正确识别

用这两种方式，你就能精准地把JWT校验只作用在静态资源请求上，不会影响其他接口的正常访问啦！

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