Angular 2 - 始終重定向到https：//而不是使用http：//

Question

我有一個Angular 2應用程序，我只想在https上運行。 重定向使用http的地址改為使用https的最佳方法是什么？

Answer 1

我已將web.config添加到Angular2站點，其中包含以下內容。 請記住，這適用於IIS托管的應用程序。 現在所有地址都重定向到https版本。

<?xml version="1.0" encoding="UTF-8"?>
<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 2

根據您的問題，您必須從服務器端強制為您的域https。 正如您在評論中提到的IIS，這里有一些方法可以實現強制HTTps。

https://www.sslshopper.com/iis7-redirect-http-to-https.html

Answer 3

我必須根據web api在同一區域內的位置編寫web api服務的例外規則：/

注意這一行

  <add input="{REQUEST_URI}" pattern="^/(C2NGService)" negate="true" />

web.config for angular 5

<configuration>
<system.webServer>
<rewrite>
    <rules>
    <rule name="Angular Routes" enabled="true" stopProcessing="true">
        <match url=".*" />
        <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        <add input="{REQUEST_URI}" pattern="^/(C2NGService)" negate="true" />
        </conditions>
        <action type="Rewrite" url="/" />
    </rule>
    </rules>
</rewrite>
</system.webServer>
</configuration>