如何在Node & Express应用中限制/public/media目录的直接访问

嘿，这个需求其实挺常见的，我给你分享几种简单靠谱的实现方式，你可以根据自己的场景来选：

方法一：用自定义中间件拦截请求（最直接） #

Express的中间件是按顺序执行的，所以我们只需要在挂载静态文件服务之前，添加一个中间件来拦截所有指向/media及其子目录的请求，然后返回404或者跳转到指定页面就行。

示例代码：

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

// 拦截/media相关请求的中间件，一定要放在static前面！
app.use((req, res, next) => {
  // 匹配所有以/media开头的路径（包括/media本身和所有子目录）
  if (/^\/media(\/.*)?$/.test(req.path)) {
    // 两种处理方式选其一：
    // 1. 返回404状态码和提示
    res.status(404).send('该资源无法直接访问');
    // 2. 跳转到其他页面，比如首页
    // res.redirect('/');
    return;
  }
  // 非/media路径，继续执行后续中间件
  next();
});

// 挂载静态文件服务，将/public目录映射到根路径
app.use(express.static('public'));

app.listen(3000, () => {
  console.log('服务器运行在3000端口');
});

关键注意点： #

• 中间件的顺序绝对不能错！必须把拦截逻辑放在express.static之前，否则静态文件服务会先响应请求，拦截就失效了。
• 正则表达式/^\/media(\/.*)?$/可以精准匹配所有/media开头的路径，包括/media、/media/photo.jpg、/media/subdir/file.mp4这类子目录请求。

方法二：调整静态文件服务的访问范围（适合不需要直接暴露media的场景） #

如果你不需要让media目录通过静态文件服务直接访问（比如文件都是通过后端接口提供的），可以只把public下的其他目录挂载为静态资源，而排除media。不过这种方法需要你重新组织public下的目录结构，比如把允许访问的文件放到public/assets，然后只挂载这个目录：

// 只挂载public/assets作为静态资源，media目录不在静态服务范围内
app.use(express.static('public/assets'));

这种方式下，用户根本无法通过URL直接访问到media目录的内容，自然也就不需要拦截了。

额外提示： #

如果你的media目录里的文件需要被应用内部使用（比如模板引擎引用），方法一完全没问题——因为内部引用是通过服务器处理的，不会触发前端的直接请求拦截。

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