Web server routing not working with Angular7

Question

I have created an angular 7 simple application with multiple routes

home
about
contact

I've deployed to a web server and when I go to my website https://www.example.com (defaults to home component) and click on the router link to take me to:

This works fine as it resolves to index.html and then javascript does the routing. However, when I attempt to load each of these pages directly I get a 404 not found (understandably as the web server cannot resolve the page).

My .htaccess file looks like this:

AddHandler application/x-httpd-php72 .php

What do I need to allow the web server to resolve my angular application in the expected way?

Thanks for any pointers in advance!!!

Rob · Accepted Answer · 2019-09-24 10:45:48Z

2

And almost as quick as I posted, I discovered this:

AddHandler application/x-httpd-php72 .php
Options +FollowSymlinks
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^ /index.html [L]

Which worked for me!!

answered Sep 24, 2019 at 10:45

Rob

7,32719 gold badges86 silver badges138 bronze badges

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

Collectives™ on Stack Overflow

Web server routing not working with Angular7

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related