Angular Deployment on IIS

readme.md

Deploy Angular Application on IIS

To work PathLocationStrategy we need to provide rewrite rules

If the app uses the Angular router, you must configure the server to return the application's host page (index.html) when asked for a file that it does not have.

• Add web.config file in src/ folder
• add web.config file name in assets of angular.json file so it will available in output folder after build

Must be set <base href=""/> in index.html

web.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>

<system.webServer>
  <rewrite>
    <rules>
      <rule name="Angular Routes" 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 type="Rewrite" url="./index.html" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>

</configuration>