在Vuecli3项目中开发基于Vue的PDF注释工具时，遇到Vue.pdf库不支持注释功能的问题。转而使用pdf.js，但初次尝试通过npm安装并直接引用时，PDF文件无法预览，只能下载。解决方案是将pdf.js静态资源放入public目录下的static文件夹，并在iframe中直接引用，避免通过public路径。经过调整，成功实现PDF预览。
来聊聊在Vue cli3中面临的坑。
最近的项目的是做一个基于Vue的PDF 注释工具。论配套性，肯定是Vue.pdf这个库。直接用标签就行。但是Vue.pdf无法启用注释层。所以就去看看pdf.js.第一个坑就是<iframe :src=" ">这个坑。第一次npm添加依赖，导入了pdfjs-dist包。窗口显示只能打开下载，无法预览pdf文件。
解决方法：下载pdf.js，在Vue cli的public目录下，新建一个static文件夹，然后把包扔进去。同时在<iframe>中引用的时候，略过public
<iframe :src="'../../static/pdfjs-2.9.359-dist/web/viewer.html?file=/CA2_README.pdf'" width="100%" height="100%" id="test_iframe">
</iframe>这样就能完整显示了
1064
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
