vue使用pdfjs-dist在电脑上展示PDF文件

安装

安装的时候一定要带上版本号，这里采用的是2.0.943（因为这个版本对于我目前的项目比较合适可以正常使用，其他版本大概率会报错），当前项目使用的是vue2，vue的版本是2.5.10

npm install pdfjs-dist@2.0.943

查看版本发现这玩意版本非常之多

使用

在使用pdfjs-dist库时，pdf.worker.entry是用来指定pdf.worker.js文件的入口路径的。pdf.worker.js是pdfjs-dist库中用于处理PDF文件的工作线程脚本。通常情况下，pdf.worker.js会被动态加载并运行，用于在后台处理PDF文件的解析和渲染操作，以避免阻塞主线程

import * as pdfjs from 'pdfjs-dist'
pdfjs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry')

注意：不用的版本有不同的引入方式，具体测试似乎还是有问题，不同的版本引入路径都不一样，具体可以打开node_modules查看