始める前に-チェックリスト
何を達成しようとしていますか?
外部URLを介してPDFをロードします。
外部URLとローカルホストの両方が同じオリジンパスを持っており、etcファイルで構成されています。 しかし、CORSエラーが発生します。
これが興味深い部分です。[ネットワーク]タブで、PDFが200でフェッチされていることがわかりますが、その直後にコンソールでcorsエラーがスローされます。
同じアセットのURLを介してコンポーネントに反応するように画像を細かくインポートできるので、ローカルホストの設定を確信しています。
試した解決策を説明してください
urlオブジェクト{url:https // ....}で渡そうとしましたが、うまくいきませんでした。
通常のインポートとwebpackに切り替えようとしましたが、うまくいきませんでした。
import {Document、Page} from'react-pdf / dist / entry.webpack ';
vs
import {Document、Page} from'react-pdf ';
追加情報
添付のスクリーンショットを参照してください。
環境
これに対する洞察はありますか?
s3からフェッチしようとするとCORSの問題が発生する可能性がありますが、 http://www.africau.edu/images/default/sample.pdf
などの公開されているPDFでも失敗します。 私は何の応答も受け取っていないので、他の解決策を探しています。
明確にするために、私はすでにfile={{ url: pdfURL }}
も試しました。 同じCORSエラー:|
ねえ、
アプリが存在する別のオリジンからPDFをダウンロードしていることは明らかです。 CORSに関しては、まだ伝えられていないことはなく、React-PDF固有のものもありません。
まったく同じドメインからPDFをダウンロードする必要があります。 または、プロキシを作成します。 または、CORSリクエストをサポートするために適切なヘッダーを送信するようにサーバーPDFがオンになっていることを構成します。
HTTP200は、サーバーから返される必要があるため、サーバーから返されます。 クロスオリジンポリシーを満たしていないため、このリクエストを拒否するのはブラウザです。
最も参考になるコメント
これに対する洞察はありますか?