PDF — — pdf Invalid PDF structure/Warning: Ignoring invalid character ...

解决Vue-PDF加载跨域问题

最新推荐文章于 2024-04-28 18:09:02 发布

原创最新推荐文章于 2024-04-28 18:09:02 发布 · 2w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript #xpdf

本文记录了使用vue-pdf加载PDF文件时遇到的跨域问题及解决过程。前端尝试处理跨域未果，最终通过后端配置解决。文章强调了PDF跨域问题前端难以独立解决，需后端配合。

最近接手了一个遗留的PDF报错任务，用vue-pdf获取服务器PDF报Warning: Ignoring invalid character “XX” in hex string错误

排错历程

console.log获取的内容

      this.src = pdf.createLoadingTask(this.src)
      .then(res => {
         console.log(res)
      }).catch(err => {
         console.log(err)
      })

发现没有获取成功，报 Invalid PDF structure

寻找报错原因

Status Code: 200 OK，但是返回的内容是空

初步怀疑是跨域问题

但是前端同事说他已经处理了跨域，也确实没有报跨域错误

this.src = 'http://111.11.1.1/xxx/xxx/xxx.pdf'
this.src = this.src.replace('http://111.11.1.1', 'dev-api')
this.src = pdf.createLoadingTask(this.src)