Step1: build the angular application using Command
ng build –prod –build-optimizer
Step2: Deploy the dist folder on the IIS server
Step3: Add the web.config file in the deployment folder so that IIS can understand how to run the angular application request.
web.config content is as below:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<configuration> <system.webServer> <rewrite> <rules> <rule name="IP Hit" stopProcessing="true"> <match url="(.*)" /> <conditions> <add input="{HTTP_HOST}" pattern="[ip with port]" /> </conditions> <action type="Redirect" url="[domainName.com]/{R:1}" redirectType="Permanent" /> </rule> <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="/" /> <!--<action type="Rewrite" url="/" />--> </rule> </rules> </rewrite> </system.webServer> </configuration> |
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="IP Hit" stopProcessing="true">
<match url="(.*)" />
<conditions>
<add input="{HTTP_HOST}" pattern="[ip with port]" />
</conditions>
<action type="Redirect" url="[domainName.com]/{R:1}" redirectType="Permanent" />
</rule>
<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="/" />
<!--<action type="Rewrite" url="/" />-->
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>