Avant de commencer - liste de contrôle
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
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.
Commentaire le plus utile
Un aperçu de cela?