如何添加链接以下载pdf文件nuxt？

我只是想添加一个链接来下载nuxt项目中的pdf文件

我该怎么做？ 我尝试了以下方法：

<a :href="require('@/static/documents/WTSDL2019_Pamplet.pdf')" download class="btn btn-sm btn-sub-color" >Download</a>

---

它适用于图像，但不适用于pdf文件。我找到了

vue pdf

，但我觉得仅仅为了链接一个pdf文件，这是一项额外的工作。我无法查看包含所有这些事件的pdf文件。

我也遇到了同样的问题，这对我很有效我在静态文件夹中添加了该文件，它成功了。

• 静止的
  • WTSDL2019_Pamplet.pdf

如果它适用于图像，但不适用于pdf，pdf有什么错误？您是否尝试直接链接到静态文件夹，如：

？尝试此代码只有答案几乎总是可以通过添加一些关于它们如何工作以及为什么工作的解释来改进。这没什么需要解释的，他只需要将

@

替换为

。/

但我不推荐此方法，因为当您运行npm run dev时，它实际上会将文件加载到编译器中，并使您的项目变慢，我把我的文件上传到了服务器上，只是使用了存储服务器上的链接。请给你的答案添加一些解释，以便其他人可以从中学习。例如，为什么在

a

标记中有多个反勾号？不知道为什么会出现否决票，人们应该阅读答案并理解它，不需要太多解释。PS：在href=“/WTSDL2019\u Pamplet.pdf”中添加斜杠

<a href="/WTSDL2019_Pamplet.pdf" download="">Download</a>

<a :href="require('../assets/documents/WTSDL2019_Pamplet.pdf')" download>
Download
</a>