后台返回pdf文件字节流,vue使用pdfjs预览pdf文件

鉴于自己花了很长时间才成功实现pdf预览,特此写给感兴趣的宝宝们,希望你们可以少走些弯路

  • 首先下载pdfjs插件,

  1. 可以在官网上下载,https://github.com/mozilla/pdf.js/releases/download/v1.10.88/pdfjs-1.10.88-dist.zip

  2. 也可以网盘自提https://pan.baidu.com/s/1GtEu1EP9-hHoQpjxqTjDeg,提取码: x875

下载的插件解压后应该是这样的

后台返回pdf文件字节流,vue使用pdfjs预览pdf文件_第1张图片

注意:将文件一定要放入 public的static目录下,这样才能访问里面的静态页面viewer.html,前期没少走坑

接口设置

return request({
 url: '/house/ContractController/contractStep3',
 method: 'get',
 params: param,
   responseType: 'blob'
})

接口请求结果

你可能感兴趣的:(vue实现pdf预览)