Angular 2 - always redirect to https:// instead of using http://

Question

I have an Angular 2 app that I only want to run on https. What is the best way to redirect addresses that use http to use https instead?

Where is your App hosted? – Piyush Patil Jul 12 '16 at 18:00 — Piyush Patil, Jul 12 '16 at 18:00
Its in Azure as a web application. – Ben Cameron Jul 12 '16 at 18:01 — Ben Cameron, Jul 12 '16 at 18:01
Are you using Apache Linux or some thing else? – Piyush Patil Jul 12 '16 at 18:02 — Piyush Patil, Jul 12 '16 at 18:02
IIS I believe is the default in Azure. – Ben Cameron Jul 12 '16 at 18:03 — Ben Cameron, Jul 12 '16 at 18:03

score 5 · Accepted Answer · answered Jul 31 '16 at 16:36

5

I have added a web.config to the Angular2 site which contains the below. Remember that this is for an IIS hosted application. All addresses are now redirected the https version.

<?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>

answered Jul 31 '16 at 16:36

Ben Cameron

4,335
6
51
77

Where are you placing this file? – Kevin Quiring Mar 28 '17 at 21:57
In at root of the website when on iis. – Ben Cameron Mar 29 '17 at 07:19
OK. It wasn't working because I didn't have URL rewrite installed on my server. After getting it installed in combination with this rule it was working. Thanks. – Kevin Quiring Mar 29 '17 at 16:57
1

I have similar situation but for me the application is created through Angular -cli. so I cannot this file explicitly. And Azure is the server in my case. Any solution? – indra257 Apr 03 '17 at 20:59
Could you copy the file as part of your build process? – Ben Cameron Apr 04 '17 at 09:15

score 0 · Answer 2 · answered Jul 12 '16 at 18:06

0

As per your question you will have to force https for you domain from the server side. As you mentioned IIS in your comment here are some of the ways that you can achieve force HTTps.

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

answered Jul 12 '16 at 18:06

Piyush Patil

14,512
6
35
54

score 0 · Answer 3 · answered Feb 02 '18 at 17:50

I have to write in an exception rule for the web api service based on where the web api was located within same area :/

Notice this line

  <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>

Angular 2 - always redirect to https:// instead of using http://

3 Answers3

Linked