HTML5个人网站CV下载按钮问题：点击仅打开PDF而非下载

这个问题和是否部署到域名完全无关，是你的HTML代码没设置强制下载属性导致的。

浏览器默认会预览它能识别的文件格式（比如PDF），要触发直接下载，给你两种解决方法：

纯前端HTML修改法 #

给<a>标签加上download属性，最好指定明确的文件名（避免浏览器使用默认的乱码或过长文件名）：

<a href="你的CV文件路径.pdf" download="Ben-Zhao-CV.pdf">点击下载我的CV</a>

注意：如果你的PDF文件存放在其他域名的CDN或第三方存储服务上，跨域场景下download属性可能失效，这时候需要后端配合设置响应头。

后端配置强制下载（若有自己的服务器） #

如果你的网站有后端服务，直接给PDF文件设置Content-Disposition响应头，强制浏览器触发下载：

• 用Nginx的话，在站点配置中添加：

location ~* \.pdf$ {
    add_header Content-Disposition "attachment; filename=Ben-Zhao-CV.pdf";
}

• 用PHP的话，可编写一个下载接口：

<?php
header('Content-Type: application/pdf');
header('Content-Disposition: attachment; filename="Ben-Zhao-CV.pdf"');
readfile('你的CV文件路径.pdf');
?>

另外提个小细节：如果本地用file://协议打开HTML测试，部分浏览器可能限制download属性，部署到服务器（哪怕是本地服务器如XAMPP）后就会正常，但核心还是要先给标签加上download属性。

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