如何为同局域网Linux Web服务器添加前端文件下载功能？

现有代码可行性说明 #

你写的嵌套<button>的<a>标签代码在绝大多数现代桌面/移动端浏览器都可以正常触发下载，但是存在两个可优化点：

• 不符合HTML语法规范：HTML标准不推荐将交互元素<button>嵌套在同为交互元素的<a>标签内，部分旧版本浏览器可能出现点击无响应的异常
• 路径配置需要对齐实际部署结构：你写的href="/results/data.csv"是站点根目录绝对路径，需要确认Web服务器的站点根目录下存在results/data.csv文件，如果results文件夹存放在Web界面的/user_interface/子目录下，需要将路径修改为./results/data.csv或者绝对路径/user_interface/results/data.csv，否则会返回404错误。

更稳妥的标准实现方案 #

直接给<a>标签套用你原本给<button>设置的样式类和行内样式，不需要嵌套<button>，兼容性更好：

<a href="/results/data.csv" download class="mt-2 btn btn-primary btn-lg my-auto" style="width: 245px; font-size: medium;">
  Download Data
</a>

同时需要确认两个前提：

• Web服务器（Apache/Nginx等）没有限制/results/目录的访问权限
• 文件data.csv确实放在路径对应的目录下，权限设置为Web服务进程可读

进阶场景实现（可选） #

如果你的目标文件存放在Web服务根目录之外，或者需要添加下载权限校验，可以用PHP中转实现下载，不需要直接暴露真实文件路径：

1. 在user_interface目录下新建download.php文件，内容如下：

<?php
// 填写你要下载的文件在Linux机器上的真实绝对路径
$real_file_path = '/home/yourname/data/results/data.csv';

if (file_exists($real_file_path) && is_readable($real_file_path)) {
    // 设置下载响应头
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename="data.csv"');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    header('Content-Length: ' . filesize($real_file_path));
    // 输出文件内容
    readfile($real_file_path);
    exit;
} else {
    http_response_code(404);
    echo "请求的文件不存在或无访问权限";
}
?>

2. 将下载按钮的href属性修改为./download.php即可。

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