在 create-react-app 中的 public/ 目录中链接到 pdf

Question

我希望在使用 create-react-app 创建的 React 应用中的 public/ 目录中放置少量 pdf 文件。

类似于下面的目录结构：

public/
 - dir/
 -- a.pdf
 -- b.pdf

但是，在将它们引用为 <a href="dir/a.pdf"></a> 时，链接似乎在 prod 中被破坏，而在我的本地开发环境中工作正常。所以我有几个问题：

1. 在“public/”中托管 pdf 文件是不好的做法和/或不受支持吗？
2. 如果没有，是否有适当的方法来引用这些文件，以便它们在 localhost 和生产/托管环境（本例中为 AWS Amplify）中工作？

理想情况下，这些文件将托管在其他地方（例如 AWS S3）并导入，尤其是在文件数量很大的情况下。但是，我希望这样做是为了节省时间并减少这个小项目的依赖项/设置数量。

Answer 1

为什么不在 s3 中托管你的应用程序和文件，因为它是静态的，我想你不是在做服务器端渲染，这会让事情变得简单。