在 Nuxt 页面上查看 PDF

Question

我有一个 Nuxt 应用程序，我想在某个页面上显示，例如/gdpr 包含 GDPR 政策的 PDF 文件。我试图将 PDF 放在静态文件夹中，但是像 /gdpr.pdf 这样的东西根本行不通。

如果没有任何 PDF 查看器插件，我找不到合适的方法来执行此操作，而 vue-pdf 与 Nuxt 有很多问题。

有什么想法或其他实现方式吗？

Answer 1

您可以简单地将PDF 嵌入到您的页面中：

<template>
    <div>
        <embed src="/pdf/your_pdf_file.pdf" width="1440px" height="900px" />
    </div>
</template>

我将我的 pdf 文件放在我项目的static 文件夹中的 pdf 文件夹中。