title: Fetch() function causing a resourse blocked by CORS
body: <p>App.js : </p>
  
  <pre><code>import React from 'react';
  import './App.css';
  
  class App extends React.Component {
  
    state = {
      character : {}
    };
  
    componentDidMount() {
      fetch("https://jobs.github.com/positions.json?description=basf")
        .then(data =&gt; console.log(data));
      console.log("Hello World");
    }
  
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;h2&gt;Hello World&lt;/h2&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>Error Message - </p>
  
  <blockquote>
    <p>Access to fetch at
    '<a href="https://jobs.github.com/positions.json?description=basf" rel="nofollow noreferrer">https://jobs.github.com/positions.json?description=basf</a>' from origin
    '<a href="http://localhost:3000" rel="nofollow noreferrer">http://localhost:3000</a>' has been blocked by CORS policy: No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. If an opaque response serves your needs, set the request's
    mode to 'no-cors' to fetch the resource with CORS disabled.</p>
    
    <p>Failed to Fetch</p>
  </blockquote>
  
  <p>Can you please provide me how to get past this issue and get required data. I am using Github Jobs API and its showing this message.</p>