vue-pdf预览pdf本地正常，发布到线上就无效，求解?

Z时代
2024-02-25
分类：IT

<template>
  <div>
    <pdf v-for="i in numPages"
         :key="i"
         :src="src"
         :page="i"
         style="display: inline-block; width: 25%"></pdf>
  </div>
</template>
<script>
import pdf from 'vue-pdf'
var loadingTask = pdf.createLoadingTask('https://cdn.mozilla.net/pdfjs/tracemonkey.pdf');
export default {
  components: {
    pdf
  },
  data() {
    return {
      src: loadingTask,
      numPages: undefined,
    }
  },
  mounted() {
    console.log('this.src', this.src)
    this.src.promise.then(pdf => {
      this.numPages = pdf.numPages;
    }).catch(err => {
      console.log('err', err)
    });
  }
}
</script>