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
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.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.
J'ai donc essayé comme mis dans l'erreur de passer via l'option no-cors .
J'obtiens donc bien un status 200 maintenant mais je n'arrives malgré tout pas à récupérer le json du site.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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;
Comment puis-je donc faire?
Merci d'avance
Partager