title: Azure app service unable to load AngularJS5 app
body: <p>I am trying to publish the AngularJS website (dist folder) to Azure via TeamCity using FTP upload. The files seem to be okay and they are getting uploaded correctly. The App service is running.</p>
  <p>But I can only see the landing page of azure app service when I browse the website. <a href="https://tinywingsstaging3.azurewebsites.net" rel="nofollow noreferrer">Website link</a> for your reference.</p>
  <blockquote>
  <p>The steps on TeamCity are as below</p>
  <ol>
  <li>Fetch latest code and do an <code>npm install</code></li>
  <li>Do a <code>ng build</code> so that the dist folder gets created and populated.</li>
  <li>FTP upload the dist folder to azure app service</li>
  </ol>
  </blockquote>
  <p>I am using following versions</p>
  <pre><code>Angular CLI: 1.6.0
  Node: 8.9.3
  OS: win32 x64
  Angular: 5.1.1
  @angular/cli: 1.6.0
  @angular/language-service: 4.4.6
  @angular-devkit/build-optimizer: 0.0.36
  @angular-devkit/core: 0.0.22
  @angular-devkit/schematics: 0.0.42
  @ngtools/json-schema: 1.1.0
  @ngtools/webpack: 1.9.0
  @schematics/angular: 0.1.11
  @schematics/schematics: 0.0.11
  typescript: 2.4.2
  webpack: 3.10.0
  </code></pre>
  <p>I have also added a web config to see if that fixes anything but to no avail. My web config looks like this:</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot;?&gt;
  &lt;configuration&gt;
      &lt;system.webServer&gt;
          &lt;rewrite&gt;
              &lt;rules&gt;
                  &lt;rule name=&quot;angular cli routes&quot; stopProcessing=&quot;true&quot;&gt;
                      &lt;match url=&quot;.*&quot; /&gt;
                      &lt;conditions logicalGrouping=&quot;MatchAll&quot;&gt;
                          &lt;add input=&quot;{REQUEST_FILENAME}&quot; matchType=&quot;IsFile&quot; negate=&quot;true&quot; /&gt;
                          &lt;add input=&quot;{REQUEST_FILENAME}&quot; matchType=&quot;IsDirectory&quot; negate=&quot;true&quot; /&gt;
                      &lt;/conditions&gt;
                      &lt;action type=&quot;Rewrite&quot; url=&quot;/&quot; /&gt;
                  &lt;/rule&gt;
              &lt;/rules&gt;
          &lt;/rewrite&gt;
      &lt;/system.webServer&gt;
  &lt;/configuration&gt;
  </code></pre>
  <p>Even if I try to do the FTP upload manually, it is still the landing page that I see. I have tried browsing to <code>/index</code> page but then I get resource does not exist. Am I missing some azure app service configuration, required to host an angular app?</p>