版权声明：本文为博主原创文章，转载请注明作者和出处，如有错误，望不吝赐教。 https://blog.csdn.net/weixin_41888813/article/details/86537920
ViewerJS简介
ViewerJS的繁重工作是由这些令人敬畏的项目完成的：
PDF.js（由Mozilla提供）
WebODF（由KO GmbH提供）
运行ViewerJS就像创建链接一样简单。您可以使用它来提供全屏演示，也可以用于在您的网站中内嵌显示文档或作为文档链接的查看器。由于浏览器保护自己免受安全风险（这是一件非常好的事情）的方式，ViewerJS仅适用于驻留在您自己的服务器上的文档。ViewerJS是完整且独立的 - 它不依赖于其他服务。官网地址：https://viewerjs.org/instructions/
两种方式都需要做的事：
1，下载PDF.js， http://mozilla.github.io/pdf.js/getting_started/#download
2，将解压出来的三个文件，放入到一个自定义名称的文件夹中，如文件夹命名为pdfjs
使用起来其实只有几句代码：
方式一：将 pdfjs 文件夹 放到 项目服务器目录下
扫描二维码关注公众号，回复： 4970213 查看本文章
优点：项目不需要增加打包内容
缺点：无法DIY
let prefixUrl = 'https://域名/pdfjs文件夹的目录路径/web/viewer.html?file=';
let pdfurl = 'https://域名/显示的pdf文件路径/'+ test.pdf;
window.open(prefixUrl + pdfurl)
// window.open(prefixUrl + encodeURIComponent(pdfurl)); 本地需要跨域参考来源：https://blog.csdn.net/bianliuzhu/article/details/80622215
方式二：将 pdfjs 文件夹 放到 项目static文件夹下
优点：可以DIY
缺点：增加项目打包内容
let prefixUrl = '/static/pdfjs/web/viewer.html?file=';
let pdfurl = 'https://域名/显示的pdf文件路径/'+ test.pdf;
window.open(prefixUrl + pdfurl)参考来源：https://blog.csdn.net/chen_3010/article/details/64126273
除了使用window.open打开新页面显示，还可以嵌入iframe，如
<iframe :src="currentUrl" id="iframe"></iframe>