Discussion :

[barcelonais59]

Bonjour, je viens vers vous car je dois mettre en place dans le code de mon application Web des requêtes HTTP vers un serveur distant. Ce serveur fournit une API Rest permettant d'interagir avec sa base de données. J'ai pu prendre en main cette API en la testant avec la commande curl ou depuis mon navigateur et tout fonctionnait normalement. J'essaye maintenant de l'utiliser dans mon programme Javascript avec la fonction fetch mais le navigateur m'indique l'erreur suivante :
"No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 403." Je ne trouve pour l'instant pas de solution pour contourner ce problème sachant que je n'ai pas la main sur le serveur, c'est pour cela que je m'adresse à vous.
Merci d'avance pour votre aide.

[psychadelic]

c'est un bête problème de CORS, une page html n'est sensée recevoir des données que d'un même serveur, celui ou elle charge sa page.
si dedans tu a des requêtes qui vont chercher des données sur un autre serveur le navigagateur les bloque et tu obtiens ton message d’accès non autorisé.

il faut que tu ajoute à ton fetch un header pour lui indiquer d'accepter l'origine que tu cible.

https://fetch.spec.whatwg.org/#http-origin

il y a eu un sujet sur le même pb ici, mais je ne retrouve pas...

ton fetch doit commencer par quelque chose qui doit ressembler à :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
fetch(url, {
    method: 'post',
    headers: {
      "Origin": "...."
    },

[Vil'Coyote]

Bonjour,
https://developer.mozilla.org/fr/doc...PI/Using_Fetch

apparemment fetch n'est pas exploitable par tout les navigateur. de plus le problème est axé javascript donc rien à faire dans la discussion "outil". Je déplace donc la discussion.
De plus, un peu de code pour expliquer ce que tu fait et comment tu le fait serait apprécié.