reactjs - 在 React - Router 4 中查看/下载 Pdf 文件

Question

我的项目中的一个文件夹中有一组 pdf 文件。

我需要做的就是创建这些 PDF 文件的链接并在浏览器中查看它们或下载它们。

我使用 React Router 4 和 React 16 以及 create-react-app 引导工具。

无论我如何链接它(链接组件或标签)，它仍然会转到我的路由器配置中的最后一个路由。

过去两个小时我一直在谷歌搜索......但没有运气......

有什么方法可以告诉路由器不要路由 PDF/XLS 文件吗？

谢谢

Answer 1

我尝试了squizz的方式，但我发现的问题是，如果您点击链接超过一次或两次，它将恢复到返回到最后一条路线。

您可以在src中创建一个文件夹来保存您的pdf文件，并正常链接到它们，例如:

import pdf from '../files/myfile.pdf'
render () {
    <a href={pdf}>Click here for my pdf</a>
}

唯一的问题是，您将在文件中附加一个哈希值，因此它将显示为 myfile.d2e24234.pdf 或其他内容。我认为这与文件加载器有关......目前正在尝试解决它。​​

编辑

如果您不想使用 src，答案是从 create-react-app 项目中删除 Service Worker。由于某种原因，它会影响react-router对服务器路由的处理。

我在这里做了一个 github 问题来阅读它:https://github.com/facebookincubator/create-react-app/issues/3608