vue+pdfjs的使用记录

1、pdfj文件获取

下载链接：http://mozilla.github.io/pdf.js/getting_started/#download

将下载的文件解压之后会获得如下文件夹:

 

 2、添加到项目中

一、添加位置如图所示：

 

 ps：父文件夹名称自定义，我这里是pdfjs

二、调用

   <iframe
      :src="'/pdfjs/web/viewer.html?file='+this.pdfsrc"
      frameborder="0"
      style="display: inline-block; width: 100%; height: 100%"
    ></iframe>

ps：this.pdfsrc  是你要预览的pdf的地址

3、后续问题

1、关于跨域问题，解决方法如图所示。

 

 2、pdf图片加载问题

如果你的pdf文件是在项目中写死的，那么pdf的存放位置如图：

 

 与pdf插件处于同一目录之下