title: Angular 2: file not found on local .json file
body: <p>I have seen a few different posts about not being able to find local files to open them up whether they be images or data files, but none of the solutions have worked for me. My guess would be there is some configuration I'm missing. </p>
  
  <p>The file I'm looking for is in a folder named "data" on the same level as my app.html and app.ts files.</p>
  
  <p>Here is what I have in app.html, PS I'm also using Ionic2:</p>
  
  <pre><code>&lt;ion-menu (click)='getDepartments()' side='right' type='overlay' [content]="content"&gt;
  </code></pre>
  
  <p>and in the app.ts file I have:</p>
  
  <pre><code>getDepartments() {
      this.http.get('/data/data.json')
          .map(res =&gt; res.json())
          .subscribe(
              data =&gt; this.departments = data,
              err =&gt; console.log(err),
              () =&gt; console.log('Random Quote Complete')
          );
  }
  </code></pre>
  
  <p>I've tried:</p>
  
  <pre><code>./data/data.json
  
  data/data.json
  
  app/data/data.json
  </code></pre>
  
  <p>and any other path. And they all return a 404 file not found error. This seems just like growing pains with getting familiar with Angular 2. Thanks in advance </p>