Azure Web App Angular Not redirecting to www

Question

I have the following in my web.config

<configuration>
    <system.webServer>
        <httpErrors errorMode="Detailed" />
      <rewrite>
        <rules>
          <rule name="Angular" stopProcessing="true">
            <match url="^(.*)$" ignoreCase="false" />
            <conditions logicalGrouping="MatchAll">
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" pattern="" ignoreCase="false" />
            </conditions>
            <action type="Rewrite" url="index.html" appendQueryString="true"/>
          </rule>
          <rule name="Redirect to www" stopProcessing="true">
              <match url="(.*)" />
              <conditions trackAllCaptures="false">
                <add input="{HTTP_HOST}" pattern="^mydomain.com$" />
              </conditions>
              <action type="Redirect" 
                url="{MapProtocol:{HTTPS}}://www.mydomain.com/{R:1}" />
            </rule>
        </rules>
          <rewriteMaps>
            <rewriteMap name="MapProtocol">
              <add key="on" value="https" />
              <add key="off" value="http" />
            </rewriteMap>
        </rewriteMaps>
      </rewrite>
    </system.webServer>
</configuration>

I have the following in my assets in my angular.json

    "assets": [
      "src/favicon.ico",
      "src/assets",
      "src/web.config"
    ],

But my app does not redirect.

The issues is i have a App Service managed cert setup for www.mydomain.com

I have two custom domains setup www.mydomain.com (this one allows me to add the binding to the app service cert) mydomain.com (is unbound as I cant add a cert)

So I thought I could fix it with the redirect to always go to www. but it does not seem to work

I have update my answer, without use application gateway and front door. You can try it, and if you need further help, pls let me know. — Jason Pan

Jason Pan Jason Pan · Accepted Answer · 2020-04-23T06:19:53

UPDATE

You can RewriterConfig to set url rewrite function in web.config file. More details you can see my answer in anothor post .

PRIVIOUS

The Web Server integrated by App Service cannot have full control, which is one of the attributes of PaaS products.

App Service can only use some functions of IIS. It needs to be configured in the web.config file under /site/wwwroot (that is, the root directory of the project you develop). All available IIS functions can only be configured through the web.config file.

solution:

• Try to add redirect rule in the web config file. If it fails, you can only use the rewrite feature of the application gateway.

• The following are some documents of Application Gateway about rewrite feature for your reference.

Redirection

Redirect web traffic

Troubleshoot--App service issues

Azure Web App Angular Not redirecting to www

1 Answers