Q&A
メッセージ: file origin does not match viewer's
そのままｍじゃ？ origin （ホスト名） が一致してないよ
前提・実現したいこと
PDFの表示する際にPDF.jsを使用したいと考えています。
サンプルPDFも表示されAWSのS３にあるPDFを表示させる際に file origin does not match viewer's と言うエラーがでました。
S3からのURL自体は問題なく表示されています。
発生している問題・エラーメッセージ
メッセージ: file origin does not match viewer's
該当のソースコード
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="iframeBlock"> <div class="iframeBody"> <iframe src="http://localhost/pdfjs-2.3.200-dist/web/viewer.html?file=https://XXXXXXX.cloudfront.net/XXXXXXX.pdf"></iframe> </div> </div> </body> </html>
試したこと
https://github.com/mozilla/pdf.js/issues/7153
コメントアウト
if (origin !== viewerOrigin && protocol !== 'blob:') { throw new Error('file origin does not match viewer\'s'); }
https://ja.coder.work/so/javascript/1360216
追加
<!-- Sample policy --> <CORSConfiguration> <CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <AllowedMethod>HEAD</AllowedMethod> <MaxAgeSeconds>3000</MaxAgeSeconds> <AllowedHeader>Authorization</AllowedHeader> </CORSRule> </CORSConfiguration>
ご教授ください。
S3だけのホスト名はあっています。
PDF.jsの特性で同一ドメイン内でないといけないと言う縛りがあるのでそれを解除する方法を探しています。
issue にほかの対応（チェックを消すなこっちを修正しろ）ってあるがしたんですか？
チェック消したのにチェックが消えてないって文句いってる issue にみえるが
申し訳ありません、解決方法はどこのイシューになりますでしょうか？
その中のどこのコメントでしょうか？
お手数をおかけします。
回答1件
0
PDF.jsにもS3にも詳しくはないのですが、
ビューア本体（viewer.html）がローカル(localhost)のファイルになっているからではないでしょうか？
投稿2020/04/22 06:49
退会済みユーザー
総合スコア0
<iframe src="http://localhost/pdfjs-2.3.200-dist/web/viewer.html?file=https://XXXXXXX.cloudfront.net/XXXXXXX.pdf"></iframe>
ローカル開発時のホストを当ててもだめでした。
PDF.jsの特性で同一ドメイン内でないといけないと言う縛りがあるのでそれを解除する方法を探しています。
なるほど。
同じドメインでないとダメみたいですね。
AjaxでCROSの設定を行えば良い、みたいな記事はちらほら出てきますが、
ピンとくるものがサクッと見つかりそうにないです。お役に立てずすみません、、、
あなたの回答
tips
プレビュー
