首页 > 解决方案 > PDF 链接转到“无法获取文件”并出现 404 错误

问题描述

试图打开一个指向 PDF 的链接。我有 href="filename.pdf" - pdf 文件与 html 文件位于同一文件夹中。当我单击链接时,它会打开一个新页面(我将其设置为打开一个新页面),上面写着“无法获取 /filename.pdf”。我打开控制台,它显示“加载资源失败:服务器响应状态为 404(未找到)”。

我找到了一个可行的解决方案,但我不明白为什么:这不起作用:

<a target="_blank" class="cta-btn cta-btn--resume" href="connerschiller.pdf">View Resume</a>

但这确实有效:

<a target="_blank" class="cta-btn cta-btn--resume" href="../src/connerschiller.pdf">View Resume</a>

html 文件也在 src 文件夹中。

好的,所以当我在本地运行它时,上面列出的修复程序正在工作,但是当我尝试在 netlify 上打开已部署站点上的 PDF 链接时,它显示“找不到页面看起来你已经点击了一个损坏的链接或输入了一个 URL这个网站上不存在。”

标签: htmlpdfhref

解决方案


如果文件在同一目录中,则需要按如下方式使用:

<a href="./filename.pdf">My pdf</a>

./ 是指定相同的目录


推荐阅读