vue3+vite pdfembed/pdfjs-dist汉字无法显示

项目场景：

在项目中用到pdfembed对pdf进行文件预览功能，使用到的技术栈为vue3 + vite

---

问题描述

在文件预览功能时，只能显示部分英文和图片，大部分汉字消失，控制台报错字体无法找到

---

原因分析：

首先在网络上搜索相关bug实录，发现基本bug都发生在vue2项目中，使用的大部分为vue-pdf，而本项目使用vue3，无法使用vue-pdf
后发现使用到的pdfembed为pdfjs-dist组件二次封装，故在网上搜索pdfjs-dist中文无法显示的问题，发现是字体包找不到
网络上大部分为引入cdn服务获取静态资源，但本项目为内网项目，无法使用cdn

---

解决方案：

<vue-pdf-embed
	:source="{
		cMapUrl: cMapUrl,
		cMapPacked: true,
		url: url,
	}"
/>

如果为外网环境
cMapUrl直接赋值cmaps的cdn链接即可
例如https://unpkg.com/browse/pdfjs-dist@2.2.228/cmaps/
但是内网环境需要在node_modules中找到pdfjs-dist的目录
然后将该目录的cmaps文件夹复制到项目的public静态资源文件夹下，这样打包的时候不会对该静态资源文件进行压缩
最后cMapUrl赋值部署时的路径，如：在项目部署到nginx的根目录时，值为“/cmaps/”
同样，也可以实现放在准备好的静态资源服务器上，并提供Url