Force https:// with Angular's default .htaccess file

Question

Angular provides a default .htaccess file in its documentation:

RewriteEngine On

# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

However, this does not force https://.

Whatever I try (using answers or snippets from similar questions about https:// forcing), it always breaks the routing, and results in either 404 or the Apache is functioning normally notice.

How do I update this snippet to force https://, while keeping the routing intact?

Ron van der Heijden · Accepted Answer · 2018-06-26 14:00:02Z

8

Try this

RewriteEngine On

# Force https
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

answered Jun 26, 2018 at 14:00

Ron van der Heijden

15.1k7 gold badges62 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jeffrey Roosendaal Over a year ago

That seems to work, dankjewel! Initially this resulted in 404 too, but I think the problem was that I tried it on my dev environment, without https configured. On production, it works great!

Kumaresan P Over a year ago

seems to be valid but got the too many redirects errors.

Collectives™ on Stack Overflow

Force https:// with Angular's default .htaccess file

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related