title: Cross origin requests on local
body: <p>I'm trying something really simple but for some reason it doesn't work :</p>
  
  <p>index.html :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="ISO-8859-1"&gt;
  &lt;title&gt;SyriLab&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;&lt;/header&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
  
      &lt;script src="js/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/poper.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/functions.js"&gt;&lt;/script&gt;
      &lt;script src="js/main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>js/main.js :</p>
  
  <pre><code>window.onload=function(){
      main();
  }
  
  
  function main(){
      $("header").load("./pages/header.html"); 
      $("#content").load("./pages/home.html");
  }
  </code></pre>
  
  <p>Errors I get when I launch index.html :</p>
  
  <p>Failed to load file:///E:/Dev/Eclipse/SyriLab/pages/header.html: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.</p>
  
  <p>Failed to load file:///E:/Dev/Eclipse/SyriLab/pages/home.html: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.</p>
  
  <p>Everything is local, same root, I'm just trying to make a basic html page, including bootstrap and jquery (poper too, not sure what it is but was on the bootstrap page). And using something similar to "include" in php, but with regular js and html.</p>
  
  <p>What am I doing wrong here ?</p>