vue项目预览pdf隐藏工具栏和侧边栏
1.在预览PDF时，PDF查看器通常会显示工具栏、侧边栏等控件。如果想隐藏这些控件，可以通过在PDF文件的URL中添加参数来实现。可以使用#toolbar=0和#navpanes=0等参数来隐藏工具栏和侧边栏。
解释：
#toolbar=0：隐藏工具栏。
#navpanes=0：隐藏侧边栏。
其他常用参数：
#view=FitH：将PDF页面宽度适应iframe的宽度。
#scrollbar=0：隐藏滚动条（如果有）。
说一下重点:
问题一： 通过命令pnpm install pdf.js安装后，通常出现引用问题；Cannot resolve pdf.worker.entry。代码中使用的版本"pdfjs-dist": "^5.2.133"
解决方案：
将文件从node_modules/pdfjs-dist/build/pdf.worker.min.mjs移动至项目的public/pdf.worker.min.mjs，可以使用命令 cp node_modules/pdfjs-dist/build/pdf.worker.min.mjs public/pdf.worker.min.mjs
修改引用：
import * as pdfjsLib from 'pdfjs-dist';
pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs'
ps: 上面的代码中包含了文件的下载功能，需要安装 "file-saver": "^2.0.5",
2. 线上环境大部分pdf预览都没有问题，但是有个别pdf文件里面的内容显示不全，缺胳膊少腿，不是这个字没显示出来就是那个字丢了的（本地还是没有问题）
解决方法：在网上找了一下，也有人遇到类似问题，原因是缺少相应字体 ，需要在界面上引入CMapReaderFactory,然后把url传进去生成新的路径赋值给this.pdfSrc，就可以解决
import pdf from 'vue-pdf'
import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory'
let loadingTask = pdf.createLoadingTask({
url: URL.createObjectURL(blob),
cMapPacked: true,
CMapReaderFactory
})
this.pdfSrc = loadingTask;
3. 当我们使用上个问题中的CMapReaderFactory时，会引发另外一个问题，就是预览的时候显示空白的问题，显示不全有空白页，控制台还不报错
我也去网上找了相关问题的解决方法，有人说是因为缓存问题，第二次加载时取的是初次加载PDF文件时的语言文件的loadModules的缓存，但是取的过程中导致了失败，返回了空值，修改的时候只需要加上一段话
4. 打包部署到服务器上后，预览时死活看不到内容，控制器不报错，就是空白，本地开发也没问题
这个问题啥招我都试了，我同时做管理端以及门户端，都需要预览pdf，用的都是vue-pdf，代码逻辑一模一样，而且后台接口也一模一样，门户端开发环境和部署环境一点问题都没有，管理端开发环境没问题部署完以后到线上就是不展示内容，这个问题我改了一天，没办法在本地测试，只能改一点发给现场一个包现场部署一版给我测一下好不好用，一天我给现场发包就发了20个，马上下班的时候我给现场发了个包，和现场哥们说这个不行就暂时换回备份的包吧，说实话我对这个包真没报啥希望。竟然解决了，我听到以后都震惊了改了一天给现场发了20个包，最后这个包啥都没改竟然好用了，我也很诧异，最后发现是我把vue-pdf降了几个版本，什么都没改就好使了。之前用的是最新的"vue-pdf": “4.3.0”,我卸了重新按了个4.0.7的竟然解决了！！！
5. Uncaught SyntaxError: Unexpected token ‘＜‘
从接触vue-pdf开始，就感觉不是啥善茬，最开始是在electron-vue项目中接触，安装完依赖以后就报Uncaught SyntaxError: Unexpected token ‘＜‘这个错，网上找了好多这个问题的解决方法，但是并没有什么用，最后这个问题也没解决，在electron项目中直接弃坑了，换成iframe预览pdf文件，也可以达成想要的效果。