解决vue中使用pdf.js出现框无内容的问题

因项目中要实现pdf预览,查找了一圈最终决定使用pdf.js这一插件。
这里主要是说一下我在使用时遇到的比较坑的bug
参考博文:https://blog.csdn.net/Corey_mengxiaodong/article/details/81079135
感谢这篇文章的大佬写的很详细。但是当我把demo运用在我的vue项目中时,却不显示pdf只出现一个白色的框,框里并没有内容。开始找了很多的问题,但是发现都无果。最后对比了配置发现了问题,原因是无法查找到viewer.html的路径,因此无法解析。

1.解决 在build/webpack.dev.conf.js中,不要注释图片下面的那一段。我的自动生成配置是注释掉了。所以不能…/static的方式来找到下面对应的文件。注释掉之后就好了。

解决vue中使用pdf.js出现框无内容的问题