如何在 create-react-app 项目中链接到本地​​ pdf 文件？

Question

我有一个 create-react-app 项目，我想在其中链接到我保存在项目中的 pdf 文件。我想我的问题是双重的：

1）我不确定我到底需要在哪里保存 PDF 文件（src 文件夹与公共文件夹）

2）如何正确链接到pdf文件？现在我有这样的事情：

<a href="/portfolio-revamp/public/documents/resume.pdf">Resume</a>

它没有显示 - 它更改了 URL，但不会将您带到 PDF。

非常感谢任何建议！

Answer 1

您需要将该文件放在公用文件夹中。如果您希望它在浏览器中打开，这就是它会做的。如果要强制用户下载，可以在锚标签中添加“下载”属性。

Answer 2

1. src/例如，将文件放置在 中的某个位置src/static/my-file.pdf。
2. 导入组件顶部的文件，例如import myFile from "./static/my-file.pdf";（路径相对于src/）。
3. 引用标签中的对象a：<a href={myFile}>Link to My File</a>