vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错

pdf.js的引入是在将官网下载的包放到static目录,然后通过iframe引用的。但是vue-cli3.0没有static文件夹,下面详细介绍一下vue-cli3.0的引入方式

1.下载包

百度搜索pdfjs,或者点击链接http://mozilla.github.io/pdf.js/getting_started/#download  点击下载

vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错_第1张图片

2.在public目录新建static文件夹,将下载的pdf包解压了放进去

注意static文件夹不能创建在src统计目录,否则访问不到,会报错Uncaught SyntaxError: Unexpected token '<'

vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错_第2张图片

3.这个包有7M,我为了缩小体积将语言包几乎都删了,只留下简体中文

vue-cli3.0引入pdf.js,解决Uncaught SyntaxError: Unexpected token报错_第3张图片

4.在vue页面引用,src可以是绝对路径或者文件流,

我测试用的src: 'https://dakaname.oss-cn-hangzhou.aliyuncs.com/file/2018-12-28/1546003237411.pdf'