title: Angular 4 - HTTP Service 404. JSON file Not Found
body: <p>I am having problem in http service.<br/></p>
  <p>What i tried is <code>this.http.get('http://jsonplaceholder.typicode.com/posts/1')</code> as sample data and it works.
  But when I used <code>this.http.get('src/data/employees.json')</code> it shows me 404 (Not Found)</p>
  <p><strong>employees.service.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code>import { Injectable } from '@angular/core';
  import { Http } from '@angular/http';
  import 'rxjs/add/operator/map';
  
  @Injectable()
  export class EmployeesService {
    constructor(private http: Http) {}
  
    getEmployees() {
      this.http
        .get('src/employees.json')
        .map((response) =&gt; response.json())
        .subscribe((result) =&gt; console.log(result));
    }
  }
  </code></pre>
  <p><strong>app.component.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  import { EmployeesService } from './employees.service';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
  })
  export class AppComponent {
    constructor(private employeesService: EmployeesService) {}
  
    ngOnInit() {
      this.employeesService.getEmployees();
    }
  }
  </code></pre>