vue如何直接打开public(本地)文件下的pdf文件

satuo@

已于 2022-11-15 13:48:55 修改

阅读量5.1k

点赞数 5

文章标签： vue.js pdf javascript

于 2022-11-10 14:10:49 首次发布

本文链接：https://blog.csdn.net/a1783118/article/details/127787464

版权

把文件话在public文件夹下，我的文件名为 exam.pdf
在vue.config.js里面配置，publicPath: ‘/public/’
最后在我们的代码中直接window.open就可以打开此文件了,也可以用a链接的，href中的地址写“/public/wxam.pdf”,或者embed、iframe等都可以。

注意 2 中的public，和 3 中的public 名字是对应的，两个命名要一致

最简单的方法就是直接写路径，如下图，不需要配置publicPath

window.open('/exam.pdf') // 直接写成这样的地址
//window.open('../../public/exam.pdf'),这样写是打不开的，不能写成相对路径

关注