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

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

排错历程

1. console.log获取的内容

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

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

2. 寻找报错原因

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

3. 初步怀疑是跨域问题

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

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)

4. 继续寻找错误

多篇文章指向是跨域问题

5. 后端配置跨域，问题解决

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

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