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

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

方法一

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

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

方法二

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

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