title: Support multiple index.html according to env nginx and Angular 5
body: <p>I'm running Angular 5 and had to, according to the env build, change the <code>index.html</code>. So I went with multiple <code>"apps":</code>declaration inside <code>angular-cli.json</code>, where <code>--app=0</code> has dev envs and <code>--app=1</code> has prod envs.
  <br>The <code>--app=1</code> has <code>"index": "index.prod.html"</code>.<br>
  When I deploy and go my domain I get:
  <a href="https://i.stack.imgur.com/y3uup.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y3uup.png" alt="enter image description here"></a></p>
  
  <p>I'm using nginx and my <code>default.conf</code> has</p>
  
  <pre><code>server {
      ...
      root   /usr/share/nginx/html;
  
      location / {
          autoindex on;
          try_files $uri $uri/ /index.html;
          index  index.html index.htm;
      }
      ...
  }
  </code></pre>
  
  <p>And I came across the thought that nginx is failing to get my proper <code>index.html</code> that is named as <code>index.prod.html</code> (as seen inside my dist folder), and falling to nginx.html.<br>
  The problem I'm running through is that I need to support <code>index.html</code> and <code>index.prod.html</code>, cause I have different envs and I can deploy them as well.</p>
  
  <p>How can I achieve that?
  Thanks.</p>