title: Error 404 on Angular 2 app when deployed to Azure
body: <p>I have an angular 2 app with a simple server.js as a node.js BE. </p>
  
  <p>I have deployed my application to Azure and I'm at the point that the application loads and shows me the welcoming page. </p>
  
  <p>When I reach a component that tries to read a local JSON via an HTTP request I'm getting a 404 error (that I don't receive in my local environment). <a href="https://i.stack.imgur.com/GP1mR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GP1mR.jpg" alt="enter image description here"></a></p>
  
  <p>The code to read the json is the following:</p>
  
  <pre><code>private ReadFromJson(path: string): Observable&lt;string[]&gt; {
      return this._http.get(path)
          .map((response: Response) =&gt; &lt;string[]&gt;response.json())
          .do(data =&gt; console.log('All: ' + JSON.stringify(data)))
          .catch(this.handleError);
  }
  </code></pre>
  
  <p>where the actual path passed is the one showed in the console.</p>
  
  <p>I have done two things: First I made sure that the file is actually there using the Azure CLI, and it is there as expected. </p>
  
  <p>Secondly, after viewing many posts the only other solution I found was to add the MIME type as suggested <a href="https://stackoverflow.com/questions/12378712/loading-json-files-generates-404-errors">here</a>, but that didn't work for me as well.</p>
  
  <p>I would really like some help in understanding and be troubleshooting the problem, any suggestion is welcomed!</p>