pdf 预览展示 -跨域-下载

pdf展示真是搞得心累 ，各种问题吧 需求本身也有些

踩的坑就不说了，试过的方法多 坑也多

第一种方法 vue-pdf

安装

npm install --save vue-pdf

页面

  <div class="pdfsty">
        <pdf :src="pdfSrc" ref="pdf" v-for="i in numPages" :key="i" :page="i">
        </pdf>
      // src: pdf地址
      // v-for 可以不写 写这个主要为了展示全部的pdf 不写只能展示第一页 
</div>

当前页面引入，

numPages 总页数

pdfSrc: pdf地址

这里pdf地址我后面是做过处理的 是需要pdf完整地址，且可以在网上访问到

到这如果只需要展示第一页这样就可以 不用写总页数及for循环

如果需要完全展示 

  methods: {
    getpdfpage() {
      let loadingTask = pdf.createLoadingTask(this.pdfSrc);
      loadingTask.p