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

<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>

以上是全部代码,本地可以,线上就不行
image.png
明明已经用了then方法,为啥无效

阅读 3.4k
1 个回答

image.png
这个报错先解决看看

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏