title: Access Control Origin Headers in Angular 4 App
body: <p>I have a Play framework based REST API running locally on my machine on post 9000. I have an Angular 4 app running on port 4200 also on localhost.</p>
  
  <p>I would like this Angular app to display the JSON that I get from the REST API. I tried it on Chrome, but the Angular app could not display the JSON from the Play server and it shows the following message in the browser console:</p>
  
  <pre><code>XMLHttpRequest cannot load http://localhost:9000/powerPlant/4/details. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.
  </code></pre>
  
  <p>So what do I do in this case?</p>