CORS error Résolu/Fermé

Question

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}]

yg_be · Answer

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".

CORS error

1 réponse

Discussions similaires