Hands-On Full-Stack Web Development with ASP.NET Core

Configuring Azure App Service to work with an Angular application

By default, the App Service you create will take the request URL and match it to a file. Since Angular (and other SPA frameworks) use an internal router to match the URL to a page, you need to make Azure App Service aware of that.

1. Create a new file with the name web.config in the src folder of your Angular project and write the following XML in it:

    <configuration>        <system.webServer>          <rewrite>            <rules>              <rule name="redirect to Angular"                   stopProcessing="true">                <match url=".*" />                <conditions logicalGrouping="MatchAll">                  <add input="{REQUEST_FILENAME}"                       matchType="IsFile"negate="true" />                  <add input="{REQUEST_FILENAME}"                   matchType="IsDirectory" negate="true" />                </conditions> <action ...