Javascript 如何使用链接在Vue/Nuxt中下载PDF文件

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

我正在尝试使用

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

我还尝试使用

，但没有成功

该文件位于~/static/docs文件夹中

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

---

谢谢。

我记得几个月前和你有过同样的麻烦

在查看一些旧代码时，我使用了一个名为的模块

将模块声明为组件后，如下所示：

components : {
  pdf : PDFViewer,
}

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

<pdf :pdf="brochureDocument"/>

---

我记得几个月前和你有过同样的麻烦

在查看一些旧代码时，我使用了一个名为的模块

将模块声明为组件后，如下所示：

components : {
  pdf : PDFViewer,
}

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

<pdf :pdf="brochureDocument"/>

谢谢@user7388458。vue pdf链接不起作用，但我找到了这个链接：（同一个）。我也选择了不同的方法。。所有的文档/PDF文件都将在服务器中，这样我就可以轻松地使用一个http链接，而不是安装另一个模块。谢谢谢谢@user7388458。vue pdf链接不起作用，但我找到了这个链接：（同一个）。我也选择了不同的方法。。所有的文档/PDF文件都将在服务器中，这样我就可以轻松地使用一个http链接，而不是安装另一个模块。谢谢你尝试过绝对路径吗？是的，它不起作用。使用外部链接没关系。要不要解释一下？什么是外部的？所以你没有试过

/static/docs/filename.pdf

？嗨，劳伦斯，我试过了，但即使在构建之后，它也不起作用。我的解决方案是使用该站点所在的FTP。我创建了一个“文档”文件夹，将PDF上传到那里，并使用了HTTP链接。你尝试过使用绝对路径吗？是的，它不起作用。使用外部链接没关系。要不要解释一下？什么是外部的？所以你没有试过

/static/docs/filename.pdf

？嗨，劳伦斯，我试过了，但即使在构建之后，它也不起作用。我的解决方案是使用该站点所在的FTP。我创建了一个“文档”文件夹，上传了PDF文件，并使用了HTTP链接。