Maison > interface Web > js tutoriel > ## Pourquoi est-ce que je reçois une SyntaxError lorsque j'utilise l'API fetch avec le mode \'no-cors\' alors que j'attends une réponse opaque ?

## Pourquoi est-ce que je reçois une SyntaxError lorsque j'utilise l'API fetch avec le mode \'no-cors\' alors que j'attends une réponse opaque ?

Linda Hamilton
Libérer: 2024-10-25 22:44:29
original
570 Les gens l'ont consulté

## Why am I getting a SyntaxError when using fetch API with 'no-cors' mode despite expecting an opaque response?

Erreur de récupération de l'API en mode « no-cors » malgré une attente de réponse opaque

Problème : Une tentative de récupération d'une API avec le mode défini à 'no-cors' entraîne une SyntaxError en réponse à réponse.json().

Explication :

Lors de l'utilisation de l'API fetch avec 'no-cors' En mode , le navigateur échouera silencieusement à toutes les demandes nécessitant une autorisation CORS. Le message d'erreur "Fin inattendue de l'entrée" est généré car l'opération de récupération renvoie une réponse opaque (ce qui signifie que son contenu n'est pas accessible).

Solution :

Le " si une réponse opaque répond à vos besoins" indique que le serveur n'accorde pas l'autorisation CORS à la requête. Pour résoudre le problème, vous devez :

  • Supprimer le mode « no-cors » : Régler le mode sur « cors » ou l'omettre complètement.
  • Configurez le serveur pour accorder l'autorisation CORS : Ajoutez les en-têtes CORS appropriés à la réponse du serveur, tels que « Access-Control-Allow-Origin : * » pour toutes les origines ou « Access-Control-Allow-Origin : https ://mysite.com' pour des origines spécifiques.

Remarque supplémentaire :

CORS (Cross-Origin Resource Sharing) protège contre les scripts intersites ( XSS) en empêchant l’accès non autorisé aux ressources provenant de différentes origines. L'octroi de l'autorisation CORS doit être effectué avec soin pour maintenir la sécurité.

Référence :

  • [CORS en général](https://stackoverflow.com/questions/ 6359744/what-is-cross-origin-resource-sharing-cors)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal