title: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at {api url}
body: <p>the complete was Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="https://api.jikan.moe/v3" rel="nofollow noreferrer">https://api.jikan.moe/v3</a> . (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).</p>
  <p>i want to create a website of anime content and i want to fetch the data from this api address <a href="https://api.jikan.moe/v3" rel="nofollow noreferrer">jaikan api</a> i use react js to create this website and i write this code.</p>
  <pre><code>var animeData;
  var apiUrl = &quot;https://api.jikan.moe/v3&quot;;
  function getData(api){
  fetch(api).then((res) =&gt; res.json().then((data) =&gt; animeData = data));
  }
  
  getData(apiUrl);
  </code></pre>
  <p>and i run the react server bu simple typing <code>npm start</code> and then my server was started and in the console i got error</p>
  <pre><code>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.jikan.moe/v3 . (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
  </code></pre>
  <p>have any solution please help..</p>