React-pdf: フェッチが200を返しているのにcorsエラーが発生する

作成日 2019年03月05日  ·  3コメント  ·  ソース: wojtekmaj/react-pdf

始める前に-チェックリスト

  • [x] READMEのドキュメントを読みました
  • [x]サンプルスイートとテストスイートをチェックして、実際の基本的な実装を確認しました
  • [x]この質問がまだ行われていないかどうかを確認しました

何を達成しようとしていますか?
外部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 ';

追加情報
添付のスクリーンショットを参照してください。

環境

  • ブラウザ(該当する場合)[Chrome最新]:
  • React-PDFバージョン[4.0.5]:
  • Reactバージョン[16.4.0]:
  • Webpackバージョン(該当する場合)[4.11.1]:

cors

question

最も参考になるコメント

これに対する洞察はありますか?

全てのコメント3件

これに対する洞察はありますか?

s3からフェッチしようとするとCORSの問題が発生する可能性がありますが、 http://www.africau.edu/images/default/sample.pdfなどの公開されているPDFでも失敗します。 私は何の応答も受け取っていないので、他の解決策を探しています。
明確にするために、私はすでにfile={{ url: pdfURL }}も試しました。 同じCORSエラー:|

ねえ、
アプリが存在する別のオリジンからPDFをダウンロードしていることは明らかです。 CORSに関しては、まだ伝えられていないことはなく、React-PDF固有のものもありません。

まったく同じドメインからPDFをダウンロードする必要があります。 または、プロキシを作成します。 または、CORSリクエストをサポートするために適切なヘッダーを送信するようにサーバーPDFがオンになっていることを構成します。

HTTP200は、サーバーから返される必要があるため、サーバーから返されます。 クロスオリジンポリシーを満たしていないため、このリクエストを拒否するのはブラウザです。

このページは役に立ちましたか?
0 / 5 - 0 評価