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

最新推荐文章于 2023-09-24 19:44:47 发布

原创最新推荐文章于 2023-09-24 19:44:47 发布 · 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)

继续寻找错误

多篇文章指向是跨域问题

后端配置跨域，问题解决

把找的文章甩给后端，PDF跨域前端配置不能解决问题，需要让后端去配置跨域。后端配置问题解决

遇到Warning: Ignoring invalid character … 可以先看看是不是后端的跨域没有配置