title: Call Rest API From Angular Application
body: <p>I want to call a Rest API From my Angular Front End but i am facing the permission issue of <strong><em>Access control origin</em></strong> </p>
  
  <p>This is my code of front end </p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Observable } from 'rxjs/Observable';
  import { HttpClient, HttpHeaders } from '@angular/common/http';
  var httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/vnd.onem2m-res+json;ty=4',
      'Accept': 'application/json',
      'X-M2M-RI': '9900001',
      'X-M2M-Origin': 'C7AACE9CB-258b9773',
      'Authorization': 'Basic QzdBQUNFOUNCLTI1OGI5NzczOlRlc3RAMTIz',
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,OPTIONS',
      'Access-Control-Allow-Headers': 'Content-Type, Authorization, Content- 
       Length, X-Requested - With'
       }
    )
  };
  
  @Injectable()
  export class ApiService {
    constructor(private http: HttpClient) { }
    fetch_latest_data(): Observable&lt;any&gt; {
      return this.http.get("http://168.87.87.213:8080/davc/m2m/HPE_IoT/ 0000acfffe6f290b/default/latest", httpOptions);
  
    }
  }
  </code></pre>
  
  <p>I am making this request from front end that is from angular i am not using any backend such as node or express for this please tell me can i make request this way is it possible or not and if it is possible then please help me to resolve the above issue</p>