CORS error

Résolu
firpic Messages postés 90 Date d'inscription   Statut Membre Dernière intervention   -  
firpic Messages postés 90 Date d'inscription   Statut Membre Dernière intervention   -
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 23541 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 584
 
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   Statut Membre Dernière intervention   1
 
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