2
votes

Comment importer une réaction en tant que cdn?

Je viens de vérifier l'un de mes sites qui fonctionnait bien et j'ai remarqué que j'obtenais maintenant une erreur CORS sur mon CDN React. Le site est https://timothytolley.com/ pour référence des erreurs. J'ai utilisé les scripts suggérés sur les documents React.

En guise de contexte, j'utilise webpack pour la compilation et node and express pour mon serveur.

Erreur:

Accès au script sur ' https: // unpkg. com/react@16.7.0/umd/react.production.min.js '(redirigé depuis' https://unpkg.com/react@16/umd/react.production.min.js ') from origin' https://timothytolley.com 'a été bloqué par la stratégie CORS: aucun en-tête' Access-Control-Allow-Origin 'n'est présent sur la ressource demandée.

Toutes les suggestions seraient géniales,

Salut!


4 commentaires

@Harvtronix Je ne sais pas ce que vous voulez dire désolé, je ne demande qu'au Cdn


Désolé, je pense que j'ai mal interprété la question


J'ai trouvé ça. Vous n'êtes peut-être pas seul? github.com/unpkg/unpkg.com/issues/174


stackoverflow.com/a/47252259/7427111


3 Réponses :


1
votes

Je ne sais pas quelle est la raison de ce problème, mais je l'ai résolu en changeant sur

<script crossorigin src="https://unpkg.com/react-dom@16.3/umd/react-dom.production.min.js"></script>


0 commentaires

2
votes

Ran dans le même problème, je crois que c'est un problème avec unpkg lui-même. Lors de la diffusion de la version 16.7, il leur manque l'en-tête access-control-allow-origin . Les anciennes versions hébergées sur unpkg l'ont donc il peut s'agir d'un derp avec des fichiers récemment téléchargés.

En attendant, vous pouvez également essayer un autre cdn comme cloudflare:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.7.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.7.0/umd/react-dom.production.min.js"></script>


0 commentaires

0
votes

Si certaines des URL affichent l'en-tête Access-Control-Allow-Origin et que les autres ne le font pas, alors il apparaît un problème avec la couche de mise en cache ou leur fournisseur CDN qui pourrait avoir changé la façon dont leur proxy fonctionne avec CORS.

Pour résoudre rapidement le problème, vous pouvez essayer un autre React CDN :

< pre> XXX

Dans tous les cas, assurez-vous de toujours utiliser la balise