CORS error

Résolu/Fermé
firpic Messages postés 90 Date d'inscription jeudi 3 juin 2021 Statut Membre Dernière intervention 20 décembre 2022 - 3 avril 2022 à 10:51
firpic Messages postés 90 Date d'inscription jeudi 3 juin 2021 Statut Membre Dernière intervention 20 décembre 2022 - 3 avril 2022 à 20:59
Bonjour,

Je fait un site avec React, j'ai besoin de faire une requete a mon API, j'utilise Axios pour la faire mais une erreur apparait.

Access to XMLHttpRequest at 'http://ip:5500/user' from origin 'http://ip:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

GET http://ip:5500/user net::ERR_FAILED 200


Je ne comprend ce qu'est Cors, meme en regardant sur des site.
Pour l'api j'utilise express et mongoose pour la base de donnée.

Je ne sais pas si l'erreur vient de la requete ou de l'api.

L'api retourne dans le navigateur :
[{
_id: "624865d0c320acf6c6a311fb",
username: "test",
password: "9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08",
email: "null",
first_name: "test",
last_name: "test",
birthday: "null",
last_login: "null",
last_ip: "null",
icon: "null",
msg_code: "null",
date: "2022-04-02T15:03:44.036Z",
__v: 0
}]
A voir également:

1 réponse

yg_be Messages postés 22730 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 26 avril 2024 1 477
3 avril 2022 à 12:10
bonjour,
As-tu lu ceci? https://fr.wikipedia.org/wiki/Cross-origin_resource_sharing

Je suppose que l'erreur apparait dans le navigateur.
Si j'ai bien compris, c'est le navigateur qui refuse de laisser JavaScript faire quelque chose que le navigateur suspecte d'être dangereux.

Le navigateur vois que tu as deux sites, 'http://ip:5500/user' et 'http://ip:3000', et que du JavaScript issu du second site essaie d'accéder au premier site.

Je pense qu'il est nécessaire que le site appelé (5500) informe le navigateur qu'il accepte d'être contacté par de JavaScript issu du site 3000. Cela se fait en configurant "Access-Control-Allow-Origin" sur le site 5000.

Je ne sais pas trop de quel "React" il s'agit.
Je suggère que tu fasses une recherche ou poses une question à propos de comment configurer "Access-Control-Allow-Origin" dans ce React. Sur le site de ccm, je poserais la question plutôt du coté des forums "webmaster".
1
firpic Messages postés 90 Date d'inscription jeudi 3 juin 2021 Statut Membre Dernière intervention 20 décembre 2022 1
3 avril 2022 à 20:59
J'utilsie ReactJS, oui l'erreur apparait bien dans le navigateur.
J'ai résolut l'erreur, j'arrive a avoir les donné grace au module Cors Npm.

Merci de votre aide.
0