在Express.js中，我们可以使用中间件来实现静态文件服务，包括文件的上传、下载以及缓存策略。这些功能能够帮助我们更好地处理文件操作，提高系统的性能和用户体验。
1. 设置静态文件目录
首先，我们需要设置一个静态文件目录，将所有的静态文件存放在该目录下，并且让Express.js知道如何处理这些文件。
app.use(express.static('public'));
上述代码将public目录下的所有文件暴露给客户端访问。例如，我们在public目录下放置了一个名为styles.css的文件，那么客户端就可以通过/styles.css的URL来访问该文件。
2. 文件上传
要实现文件上传功能，我们可以使用第三方中间件multer。通过multer，我们可以轻松处理表单中的文件上传，并将其保存到服务器端。
首先，我们需要安装multer中间件。
npm install multer
接下来，我们可以在路由中间件中添加文件上传的逻辑。
const multer = require('multer');
const storage = multer.diskStorage({
destination: function(req, file, cb) {
cb(null, 'uploads/');
},
filename: function(req, file, cb) {
cb(null, file.originalname);
}
});
const upload = multer({ storage: storage });
app.post('/upload', upload.single('file'), (req, res) => {
res.send('File uploaded');
});
以上代码中，storage变量指定了文件上传的目标路径和文件名。upload变量使用multer中间件，并将存储配置传递给它。upload.single('file')指定了只上传单个文件，其中file参数是表单中文件字段的名称。
最后，我们可以使用/upload路径来接收文件上传请求，并且返回一个简单的成功信息。
3. 文件下载
要实现文件下载功能，我们可以通过设置Content-Disposition响应头，并将文件内容作为响应体返回给客户端。
app.get('/download/:filename', (req, res) => {
const filename = req.params.filename;
const filePath = path.join(__dirname, 'uploads', filename);
res.setHeader('Content-Disposition', `attachment; filename=${filename}`);
res.sendFile(filePath);
});
以上代码中，我们通过/download/:filename路径接收文件名，并指定要下载的文件路径。然后，我们设置Content-Disposition响应头，告诉浏览器将文件作为附件下载。最后，我们使用res.sendFile()方法将文件发送给客户端。
4. 缓存策略
静态文件的缓存策略是提高网站性能和加载速度的一种常用技术。通过设置适当的缓存头，我们可以让浏览器在多次请求同一个文件时直接从缓存中读取，减少不必要的网络请求。
app.use((req, res, next) => {
res.setHeader('Cache-Control', 'public, max-age=3600');
next();
});
以上代码中，我们通过设置Cache-Control头来指定静态文件的缓存策略。public表示文件可以被公共缓存，max-age=3600表示文件将在缓存中保存1小时。
要对每个静态文件都进行缓存设置，我们也可以使用中间件helmet，它为我们提供了更多的安全性和性能优化功能。
const helmet = require('helmet');
app.use(helmet());
使用helmet中间件后，它会自动为静态文件设置适当的缓存策略，以及其他一些安全性策略。
结语
通过使用Express.js，我们可以轻松地实现静态文件服务，包括文件的上传、下载和缓存策略。这些功能可以帮助我们更好地处理文件操作，提升应用性能和用户体验。希望本文对你有所帮助！
本文来自极简博客，作者：代码魔法师，转载请注明原文链接：使用Express.js实现静态文件服务：文件上传、下载与缓存策略
