title: Cross Origin Resource Error: No 'Access-Control-Allow-Origin' header is present on the requested resource
body: <p>I am trying to run a page that makes use of ReactJS Library. I am getting the below error:</p>
  
  <pre>
  Redirect at origin 'https://fb.me' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:55042' is therefore not allowed access.
  </pre>
  
  <p>My code looks like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt; Javascript Simple Quiz &lt;/title&gt;
    &lt;script type="text/jsx" src="https://unpkg.com/react@0.14.7/dist/react.js" integrity="sha384-xQae1pUPdAKUe0u0KUTNt09zzdwheX4VSUsV8vatqM+t6X7rta01qOzessL808ox" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script type="text/jsx" src="https://unpkg.com/react-dom@0.14.7/dist/react-dom.js" integrity="sha384-A1t0GCrR06cTHvMjaxeSE8XOiz6j7NvWdmxhN/9z748wEvJTVk13Rr8gMzTUnd8G" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;script type="text/babel"&gt;
      var helloWorld = React.createClass({ render: function() { return
      &lt;div&gt;
        &lt;h1&gt;Hello KEN&lt;/h1&gt;
        &lt;p&gt;This is me spittin&lt;/p&gt;
      &lt;/div&gt;
      } }); React.render(
      &lt;helloWorld /&gt;),document.body);
    &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I got rid of the <code>DOCTYPE</code> tag intentionally and its not the root of the problem as I don't believe REACT needs it.</p>