403 запрещена ошибка в angular 6, при перенаправлении доменного имени на https

Question

Я реализовал SSL в своем приложении Angular 6. Я пытаюсь перенаправить URL domain.com на https://domian.com в браузере

Я изменил файл Web.congfig, как показано ниже

 <rule name="Redirect to https" stopProcessing="true">
            <match url=".*" />
            <conditions>
                <add input="{HTTPS}" pattern="off" ignoreCase="true" />
            </conditions>
            <action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" redirectType="Permanent" appendQueryString="false" />
        </rule>

        <rule name="AngularJS" 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="/" />
        </rule>

Также пробовал с приложением. Файл Component.ts с приведенным ниже кодом onnginit

  window.location.href = location.href.replace('http', 'https');

Но он показывает 403 Запрещенную ошибку, если я ввожу только domain.com в моем браузере после размещения в IIS