最近接手了一个遗留的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跨域前端配置不能解决问题,需要让后端去配置跨域。后端配置问题解决