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'),这样写是打不开的,不能写成相对路径
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐