Vue 中如何在线预览 pdf 文件

某次项目的需求中要实现 pdf 文件的在线预览，百度了很多个实现 pdf 在线预览的功能，感觉看起来都是比较费劲，可能自己比较菜吧，但是总结了一下可以实现这种结果的是 pdf.js

可以去 pdf.js 的官网下载文件： http://mozilla.github.io/pdf.js/getting_started/#download

（官网地址）点开后选择稳定版本

下载拿到 pdf.js 的文件入下图 主要需要的是下面两个文件

在脚手架 3 中我们可以将文件夹放在 public 文件夹下面

1.后台返回的是服务器的文件地址

用这种方法打开

2.如果后台返回的是文件流的格式

ps:pdf.js 是不支持跨域文件加载的 直接加载是不会成功的。会报 “file origin doesnot match viewer”错误。 所以我们得改变一下源码： ==>> 注销 viewer.js 的 1565 行即可

主要思路是将后台返回的路径或者文件流引入 viewer.html 文件中