angular - 在 IIS 上托管 Angular 应用程序 - 重定向到 root 并强制使用 HTTPS

Question

我有一个托管在 IIS 中的 Angular 应用程序。为了将所有请求重定向到应用程序的根目录并允许 Angular 路由处理不同的路由，我添加了一个带有 URL 重写规则的 web.config 文件，如下所示:

<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="/" />
     </rule>
  </rules>
 </rewrite>
</system.webServer>
</configuration>

它工作正常。但是，我现在需要强制应用程序从 HTTP 重定向到 HTTPS。为此，我可以添加一条新规则，如下文所述:Angular 2 - always redirect to https:// instead of using http://

强制使用 HTTPS 的规则:

<configuration>
<system.webServer>
    <rewrite>
        <rules>
            <clear />
            <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>
        </rules>
    </rewrite>
</system.webServer>
</configuration>

这条规则也有效，但它打破了我之前定义的重定向到根规则。那么有没有人知道我如何将这两个规则混合在一起或者我可以通过哪种其他方式实现这两个目的？

Answer 1

作为替代解决方案，我最终直接在 Angular 项目的主 Controller 上强制使用 https，如下所示。 (张贴以防对别人有用)

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';
import { environment } from '../environments/environment';

@Component({
  selector: 'vp-app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  title = 'vp-app';
  location: Location;

  ngOnInit() {
    if (environment.production) {
      if (location.protocol === 'http:') {
        window.location.href = location.href.replace('http', 'https');
      }
    }
  }
}