title: Why Angular does not correctly support files that are in /?
body: <p>I am new in Angular 2+, I'm already working with on an app, using Angular version 4, I used CLI to create the project and also to serve it.</p>
  
  <p>I am trying to add <a href="https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/" rel="nofollow noreferrer">manifest.json</a> into my project, and also I tried to add a favicon, here is my code:  </p>
  
  <pre><code>&lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;link rel="manifest" href="manifest.json"&gt;
  </code></pre>
  
  <p>I added both files in <code>src/</code> which is the root of the Angular app. When I open the app on a browser, the favicon is not showing (404) and the manifest is also not found (404).</p>
  
  <p>When I put the favicon into another directory (<em><code>src/assets/icon/</code></em>), it worked as expected, but for <code>manifest.json</code>, it should be in the root.</p>
  
  <p>What Angular is doing is very wired for me, when I press Ctrl+U on Chrome to browse the web page source code when I click on the favicon.ico or <code>manifest.json</code> link on the HTML page, it shows me the <code>index.html</code> of the Angular.</p>
  
  <p><strong>Why is this happening?</strong></p>
  
  <p><strong>How can I add my <code>manifest.json</code> and <code>favicon.ico</code> beside inside the src/ and also access them?</strong></p>