ReactJs：Vite，无法在新选项卡中打开*.pdf文件

Question

我是 React 初学者，当我尝试打开位于 public 文件夹中的 pdf

文件时遇到问题

import policyPdf from '/documents/policy.pdf';

<a href={policyPdf} className={styles.footer__link} target="_blank" rel="noopener noreferrer">Policy</a>

我没有使用预览模式，而是得到了空白页面，并在 Chrome 开发工具的源代码中用 index.html 替换了 *.pdf 文件。

如何解决这个问题？

Answer 1

不需要将文件导入到组件中，只需将地址添加到锚标记的src中即可。

<a
    href={./documents/policy.pdf}
    className={styles.footer__link}
    target="_blank"
    rel="noopener noreferrer"
>
    Policy
</a>;

您可以添加

download

属性来下载文件。