javascript - 如何使用 JavaScript/vue 打开 pdf

Question

我有一个使用 jhipster 和 vue 作为管理仪表板生成的应用程序。我的 Java 代码连接到 Dropbox 下载图像并将它们转换为 pdf 并将它们保存到与 src 相同级别的文件夹中。

我现在想尝试的是通过单击按钮下载在新选项卡中打开 pdf。但我收到以下错误：

Can not GET /generatedPdf/toBePrintedPdf 

我的代码如下所示：

openPdf(){
    window.open("generatedPdf/toBePrintedPdf.pdf", "_blank");
    return false;
}

这是vue部分：

<b-button v-on:click="openPdf" variant="primary">open pdf</b-button>

有人可以帮我找到我的错误吗？

编辑：

很抱歉编辑晚了，这对我来说是艰难的一周，有很多工作要做。我现在将文件夹结构作为图片发送，如果有任何其他问题随时提出。名为“generatedPdf”的文件夹包含 pdf，标记的组件是我尝试打开 pdf 的位置。遗憾的是，我不得不用手机拍照，对此感到抱歉。

标签： javascriptjavatypescriptspring-bootvue.js