見る

PDF — — pdf無効なPDF構造/警告：無効な文字を無視します..。



Pdf Pdf Invalid Pdf Structure Warning



最近、vue-pdfを使用してサーバーのPDFレポートを取得し、従来のPDFエラーレポートタスクを引き継ぎました警告：16進文字列エラーの無効な文字「XX」を無視します

トラブルシューティングプロセス

  1. console.logコンテンツ
this.src = pdf.createLoadingTask(this.src) .then(res => { console.log(res) }).catch(err => { console.log(err) })

取得が成功しなかった場合は、無効なPDF構造を報告してください



  1. エラーの理由を見つける

ステータスコード：200 OKですが、返されたコンテンツは空です

  1. 最初の疑いはクロスドメインの問題です

しかし、フロントエンドの同僚は、彼がクロスドメインを扱ったことがあると言い、実際にクロスドメインエラーを報告しませんでした



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)
  1. エラーを探し続けます

複数の記事がクロスドメインの問題を指摘しています



  1. クロスドメインバックエンド構成、問題解決

見つけた記事をバックエンドに投げます。 PDFクロスドメインフロントエンド構成では問題を解決できません。バックエンドにクロスドメインを構成させる必要があります。バックエンド構成の問題解決

発生した警告：無効な文字を無視しています…最初に、バックエンドのクロスドメインが構成されていないかどうかを確認できます