VueJS:查看存储在驱动器中的 PDF 文件(项目文件夹外)

VueJS: Viewing PDF files stored in drive (outside the project folder)

我是 Vue.js 的新手,想知道是否有办法通过上述 Vue 应用程序查看独立于 Vue 项目存储的 PDF 文件。

这是我需要的:

所有 PDF 文件都存储在一个文件夹中。我想提供 links 以在我从后端服务器获得的应用程序中访问它们。单击 link 后,PDF 应在新选项卡中打开,而 URL 就像 file:///C:/Users/user/Downloads/campusmap.pdf

到目前为止我尝试过的:

<a :href="fileAddress">View file</a>

当我将鼠标悬停在浏览器的 link 上时,它显示正确的 URL 但点击它没有任何反应。 如果我右键单击以在新选项卡中打开,它会显示已阻止 (about:blank#blocked)

使用<router-link>显示 localhost:8080/C:/Users/user/Downloads/campusmap.pdf 当鼠标悬停在上面时。

有没有一种方法可以按我想要的方式通过 link 查看 PDF?请注意,我无法将所有 PDF 文件存储在资产或 public 文件夹中。

感谢您的帮助!

您不能从通过 http(s):// 协议获取的页面 link 到 file:// 协议 url - 这是现代浏览器内置的安全措施.您唯一的选择是也提供网络服务器后面的本地文件,或者 运行 在 file:// url.

本地后面的应用程序