vue文件下载后端实现
后端实现方法
后端实现文件下载通常涉及设置响应头、读取文件流并返回给前端。以下是基于不同后端框架的实现示例：
Node.js (Express框架)
const express = require('express');
const fs = require('fs');
const path = require('path');
const app = express();
app.get('/download', (req, res) => {
const filePath = path.join(__dirname, 'files/sample.pdf');
const fileName = 'sample.pdf';
res.setHeader('Content-Disposition', `attachment; filename=${fileName}`);
res.setHeader('Content-Type', 'application/pdf');
const fileStream = fs.createReadStream(filePath);
fileStream.pipe(res);
});Java (Spring Boot框架)
import org.springframework.core.io.Resource;
import org.springframework.core.io.UrlResource;
import org.springframework.http.HttpHeaders;
import org.springframework.http.ResponseEntity;
@GetMapping("/download")
public ResponseEntity<Resource> downloadFile() throws Exception {
Path filePath = Paths.get("files/sample.pdf");
Resource resource = new UrlResource(filePath.toUri());
return ResponseEntity.ok()
.header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"sample.pdf\"")
.body(resource);
}Python (Flask框架)
from flask import Flask, send_file
app = Flask(__name__)
@app.route('/download')
def download_file():
file_path = 'files/sample.pdf'
return send_file(file_path, as_attachment=True, download_name='sample.pdf')关键配置要点
设置正确的响应头是文件下载的核心：
Content-Disposition: attachment表示应下载而非直接显示filename参数指定下载时默认的文件名Content-Type应匹配实际文件类型
安全注意事项
实现文件下载时需考虑：
- 验证文件路径防止目录遍历攻击
- 限制下载频率防止滥用
- 对敏感文件实施权限检查
- 记录下载日志用于审计
大文件处理优化
对于大文件下载建议：
- 使用流式传输而非加载完整文件到内存
- 实现分块传输（chunked transfer）
- 支持断点续传（Range请求）
- 考虑使用CDN分发大型文件
以上实现方式可根据具体技术栈选择适配，核心逻辑都是通过HTTP响应返回文件内容并设置正确的下载头信息。
