title: Angular 4: CORS Issue on Post using ionic 3 angular 4
body: <p>I really appreciate the guidance I'm getting from the community. Hence, i would like to ask a question please do note that I have exhausted all my resources and Google to figure out a solution for the issue:</p>
  
  <p>Front-End: Using ionic3 angular 4</p>
  
  <p>Back-End: Using Laravel 5.4</p>
  
  <p>What we have tried so far:</p>
  
  <p>Front End: </p>
  
  <ul>
  <li><p>Installed cordova whitelist plugin</p></li>
  <li><p>Added Proxy Url in config.xml</p></li>
  </ul>
  
  <p>Back End:</p>
  
  <ul>
  <li>Added whitelisting and header for Laravel</li>
  </ul>
  
  <p>The Issue:</p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load </p>
    
    <p><a href="http://52.76.26.109/beacon/public/api/phonebook/create" rel="nofollow noreferrer">http://52.76.26.109/beacon/public/api/phonebook/create</a>. Response to
    preflight request doesn't pass access control check: No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="http://localhost:8100" rel="nofollow noreferrer">http://localhost:8100</a>' is therefore not allowed
    access.</p>
  </blockquote>
  
  <p>Any valuable input would be greatly appreciated. Thanks.</p>
  
  <p>Additional: I forgot to mention that GET requests via http works while the POST doesn't.</p>