如何在 Vue/Nuxt 中使用链接下载 PDF 文件 [关闭]答案

【问题标题】：How to use links to download PDF files in Vue/Nuxt [closed]如何在 Vue/Nuxt 中使用链接下载 PDF 文件 [关闭]
【发布时间】：2018-12-06 23:50:32
【问题描述】：

这有点傻，但是我在使用 NUXT 和 Vuetify 在我的 Vue 应用程序中打开一个 PDF 选项卡时遇到问题..

我正在尝试使用

<a href="../static/docs/filename.pdf" target="_blank">Download PDF</a>

我也尝试使用<nuxt-link>，但没有成功。

文件放在 ~/static/docs 文件夹中。

我收到的答案是“找不到此页面”

谢谢。

【问题讨论】：

你试过绝对路径吗？
是的，它没有用。使用外部链接就可以了。
想解释一下吗？什么是外在的？所以你没有尝试/static/docs/filename.pdf？
嗨劳伦斯，我试过了，但即使在构建之后它也无法正常工作。我的解决方案是使用托管站点的 FTP。我创建了一个“docs”文件夹，将 PDF 上传到那里并使用了 HTTP 链接。

【解决方案1】：

我记得几个月前遇到过和你一样的麻烦。

在查看一些旧代码时，我发现我使用了一个名为 vue-pdf 的模块。

在像这样将模块声明为组件之后：

components : {
  pdf : PDFViewer,
}

您可以通过传递链接在标记中使用它：

<pdf :pdf="brochureDocument"/>

【讨论】：

谢谢@user7388458。 vue-pdf 链接不起作用，但我找到了这个：github.com/FranckFreiburger/vue-pdf（同一个）。我还选择了一种不同的方法。所有 docs/PDF 文件都将在服务器中，然后我可以轻松地使用一个 http 链接而不是安装另一个模块。谢谢！