如何使用Express中间件在访问public静态文件夹前验证请求？

首先得明确Express中间件的执行顺序——它是按照你注册的先后顺序来处理请求的，所以要实现访问public资源前的验证，核心就是把验证逻辑放在express.static中间件之前执行。

给你两种实用的方案，按需选择：

方案一：仅对public资源的请求做验证 #

这种方式更精准，只拦截访问public文件夹下资源的请求，不会影响其他路由的逻辑：

修改你的app.js代码，把验证中间件和express.static链式挂载：

const express = require('express');
const path = require('path');
const rootRoutes = require('./routes/root');

const app = express();

// 1. 先挂载你的根路由
app.use("/", rootRoutes);

// 2. 定义验证中间件
const validatePublicAccess = (req, res, next) => {
    // 这里替换成你的实际验证逻辑：比如检查session、token、权限等
    // 举个例子：检查请求头里的授权token
    const authToken = req.headers.authorization;
    if (authToken && authToken === 'YOUR_VALID_TOKEN') {
        // 验证通过，继续处理请求（交给static中间件返回资源）
        next();
    } else {
        // 验证失败，返回401未授权
        res.status(401).send('Unauthorized: 请先完成身份验证');
        // 如果是前端页面，也可以用重定向：res.redirect('/login');
    }
};

// 3. 把验证中间件和static中间件链式使用，仅对public资源生效
app.use("/", validatePublicAccess, express.static(path.join(__dirname, 'public')));

// 启动服务器
app.listen(3000, () => {
    console.log('Server running on port 3000');
});

方案二：全局验证所有请求（包括路由和public资源） #

如果你的整个应用都需要验证才能访问，就用这种方式，把验证中间件放在最前面：

const express = require('express');
const path = require('path');
const rootRoutes = require('./routes/root');

const app = express();

// 1. 全局验证中间件——所有请求都会先经过这里
const globalAuthCheck = (req, res, next) => {
    // 你的验证逻辑，比如检查用户是否登录
    if (req.session && req.session.user) {
        next();
    } else {
        res.status(403).send('Access Denied: 无访问权限');
    }
};

// 2. 先应用全局验证
app.use(globalAuthCheck);

// 3. 再挂载路由和static中间件
app.use("/", rootRoutes);
app.use("/", express.static(path.join(__dirname, 'public')));

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

关键说明 #

你原来的代码里，rootRoutes先于express.static挂载，但如果rootRoutes没有匹配到请求路径（比如访问/css/style.css），请求会直接落到express.static返回资源，完全跳过了验证。所以必须让验证逻辑在express.static之前执行，才能拦截到所有访问public资源的请求。

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