title: Angular 2 Http.Post not sending request
body: <p>Trying to make a simple POST to my server, with some data and have it return some JSON data. (Currently, it runs through the call but I see nothing on my network tab that it actually tried to make it?)</p>
  
  <p>My Service (api.service.ts)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Injectable }    from '@angular/core';
  import { Headers, Http, Response} from '@angular/http';
  import {Observable} from 'rxjs/Rx';
  
  // Import RxJs required methods
  import 'rxjs/add/operator/map';
  import 'rxjs/add/operator/catch';
  
  @Injectable()
  export class ApiService {
  
   private headers = new Headers({'Content-Type': 'application/json'});
     private myUrl = 'https://www.mywebsite.com';  // URL to web api
     private payLoad = {"thingy1":"Value1", "thingy2":"value2"};
  
     constructor(private http:Http) { }
  
     getData () {
          this.http.post(this.myUrl, JSON.stringify(this.payLoad), this.headers)
           .map((res:Response) =&gt; res.json())
              .catch((error:any) =&gt; Observable.throw(error.json().error || 'Server error'));
      } 
  
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Then I just have the getData method ran in a header component just to fire it. 
  (header.component.ts)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Component, OnInit } from '@angular/core';
  
  //Service
  import { ApiService } from '../services/api.service';
  
  
  @Component({
    selector: 'app-header',
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.scss']
  })
  
  export class HeaderComponent implements OnInit {
  
    constructor(private service:ApiService) { 
      this.service.getData(); //Fire getData from api.service
    }
  
    ngOnInit() { }
  
  }</code></pre>
  </div>
  </div>
  </p>