ReactJs Ajax cors-origin

Bonjour,
Je suis occupé de développer une page web sur un serveur local.
Lors de mon projet j'essayes de récupérer le json de ce site web https://gx.opera-api.com/api/v1/game...be&language=fr .
J'obtiens cette erreur

Citation:

---

Access to fetch at 'https://gx.opera-api.com/api/v1/games?country=be&language=fr' from origin 'http://localhost:3000' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'chrome://monday' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

---

D'après ce que j'ai compris de mes recherches, cors, est une sécurité navigateur permettant de bloquer par default les requêtes ne faisant pas partie du domaine connu.

J'ai donc essayé comme mis dans l'erreur de passer via l'option no-cors .

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

import React, {Component} from 'react';   class App extends Component {   componentDidMount(){ fetch("https://gx.opera-api.com/api/v1/games?country=be&language=fr", { mode:'no-cors' }) .then(response => { console.log(response); }) }   render() { return ( <div className="App" /> ); } }   export default App;

---

J'obtiens donc bien un status 200 maintenant mais je n'arrives malgré tout pas à récupérer le json du site.
Comment puis-je donc faire?
Merci d'avance

Salutations,
le no-cors ne suffit pas c'est du côté https://gx.opera-api.com/ qu'il faut autoriser la connexion pour des raisons de sécurité.
Sinon il faut que tu interroges avec un langage côté serveu (Node ?) et que tu transmettes ensuite l'information à ton application React, tu n'auras pas de problème avec tes CORS policy.

Oui pour le moment je fais une copie du fichier coté serveur et je lis cette copie.