React-pdf: Obtention d'une erreur de cors même si la récupération renvoie 200

Créé le 5 mars 2019  ·  3Commentaires  ·  Source: wojtekmaj/react-pdf

Avant de commencer - liste de contrôle

  • [x] J'ai lu la documentation dans README
  • [x] J'ai vérifié des échantillons et des suites de
  • [x] J'ai vérifié si cette question n'est pas déjà posée

Qu'essayez-vous de réaliser?
Chargez un PDF via une URL externe.
L'URL externe et mon hôte local ont le même chemin d'origine, qui est configuré dans le fichier etc. Mais j'obtiens une erreur CORS.

Voici la partie intéressante, dans l'onglet réseaux, je peux voir que le pdf est récupéré avec 200, mais juste après cela, l'erreur cors est lancée dans la console.

Je suis sûr de la configuration de mon hôte local car je peux importer finement des images pour réagir aux composants via la même URL d'actifs.

Décrivez les solutions que vous avez essayées
J'ai essayé de le transmettre avec l'objet url {url: https // ....}, mais pas de chance.
J'ai essayé de passer à l'importation régulière par rapport à Webpack, mais pas de chance.
import {Document, Page} de 'react-pdf / dist / entry.webpack';
contre
import {Document, Page} de 'react-pdf';

Information additionnelle
Voir la capture d'écran ci-jointe.

Environnement

  • Navigateur (le cas échéant) [dernière version de Chrome]:
  • Version React-PDF [4.0.5]:
  • Version React [16.4.0]:
  • Version Webpack (le cas échéant) [4.11.1]:

cors

question

Commentaire le plus utile

Un aperçu de cela?

Tous les 3 commentaires

Un aperçu de cela?

J'ai donné la possibilité qu'il y ait un problème CORS lors de la tentative de récupération à partir de s3, mais cela échoue également sur les fichiers PDF accessibles au public, tels que http://www.africau.edu/images/default/sample.pdf . à la recherche d'autres solutions, car je n'ai reçu aucune réponse.
Juste pour clarifier, j'ai déjà essayé file={{ url: pdfURL }} aussi. même erreur CORS: |

Hey,
Je vois clairement que vous téléchargez un PDF à partir d'une origine différente sur laquelle se trouve votre application. En termes de CORS, il n'y a rien qui n'ait déjà été dit et il n'y a rien de spécifique à React-PDF.

Vous devez télécharger le PDF à partir du même domaine. Ou créez un proxy. Ou configurez le serveur PDF activé pour envoyer les en-têtes appropriés pour prendre en charge les demandes CORS.

HTTP200 est renvoyé par le serveur car il devrait le faire. C'est le navigateur qui rejette cette demande car il ne respecte pas la politique inter-origines.

Cette page vous a été utile?
0 / 5 - 0 notes