ReactJS应用PDF无法下载：原a标签实现方案失效求助

核心问题修复 #

你在原生<a>标签上误用了React Router <Link>组件的to属性，原生<a>标签需要用href指定资源路径，这是导致下载功能失效的最直接原因。

修正后的代码：

<a href="/assets/documents/Dzenis-H.pdf" download>
    <img src={CV} alt="Draft CV" />
</a>

其他可能的排查方向 #

• 文件路径验证：确认/assets/documents/Dzenis-H.pdf的实际位置是否正确。比如在Create React App项目中，静态资源需放在public目录下（即public/assets/documents/Dzenis-H.pdf），否则打包后无法被正确访问。
• 服务器配置检查：如果已部署到服务器，需确认服务器未限制该PDF文件的下载权限，比如没有设置阻止下载的响应头（如Content-Disposition配置错误、存在防盗链规则等）。
• 跨域限制问题：若PDF文件存放在其他域名下，原生<a>的download属性会失效，需确保资源与网站同域，或通过后端代理处理跨域资源的下载请求。

内容的提问来源于stack exchange，提问作者Dženis H.