Nuxt 3 I 框架 pdf 在构建后显示 404，但在开发模式下工作

Question

我有一个 Iframe 元素，它在我的 Nuxt 3 页面中显示一个 pdf，这个元素工作得很好，直到我运行

npm run build

然后启动构建版本进行生产，然后该元素显示 404 找不到 asset/Name_of_pdf.pdf

我的我的框架：

<iframe src="\static\Name_of_pdf.pdf#page=3" width="100%" height="700px" ></iframe>

我的资产文件夹中有 pdf 文件。 在

npm run dev

中，iframe 和 pdf 显示正确，但在 npm run build 和 node .output/server/index.mjs 后，它显示了 Iframe 元素404 Page not found: /assets/Name_of_pdf.pdf

我尝试在 .output 文件夹和几乎所有子文件夹中创建一个包含 pdf 的资产文件夹，希望它能找到它，但这没有用。 我还尝试使用静态文件夹中的 pdf 执行相同的错误，只是路径不同。

有人可以告诉我如何解决这个问题吗？

编辑： 如果我在构建之前将文件放入公共文件夹中，则文件会正确显示在构建的公共文件夹中，但页面上仍然显示 404，并且控制台会记录

[Vue Router warn]: No match found for location with path "/public/Name_of_pdf.pdf"

，而文件位于公共文件夹中：c

Answer 1

该文件需要位于

public

目录中，并且在上述路径中没有前缀，因此只需

Name_of_pdf.pdf

而不是

\static\Name_of_pdf.pdf

。