Angular 7 Routes not working when deployed to Apache 2 HTTPD Server

Question

I have been trying to deploy my Angular 7 application to HTTPD Apache 2 Server. These are the steps I have taken:

Setup a Virtual Host for my project
Build --> ng build --prod

Created and configured .htaccess as instructed here:

 <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]

Configured my app-routing.module.ts like this:

imports: [RouterModule.forRoot(routes ,{onSameUrlNavigation: 'reload'})]

My main page works but when I try to navigate through other routes e.g. http://myhostname/users/crud, it won't work anymore. Is there something I have missed here?

Thanks.

most probably you need to set base href in your angular app. — jcuypers
– jcuypers, Commented Mar 18, 2019 at 5:30
Have you took a look at this problem : stackoverflow.com/questions/34816025/… ? — Wandrille
– Wandrille, Commented Mar 18, 2019 at 7:08
Thanks @Wandrille. But I gave up on this since I am not an active PHP developer right now. I tried your answer but I used Springboot with embedded apache tomcat instead and I handled the routing via Zuul and application.properties. And it worked fine :)! — Artanis Zeratul
– Artanis Zeratul, Commented May 2, 2019 at 0:49

user2455218 · Accepted Answer · 2019-05-01 20:09:25Z

1

Build --> ng build --prod --baseHref=/users/crud/

instead of

Build --> ng build --prod

Try the above code. That code work for me.

answered May 1, 2019 at 20:09

user2455218

111 bronze badge

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

1 Comment

Artanis Zeratul Over a year ago

Thanks @user2455218. But I gave up on this. I tried your answer but I used Springboot with embedded apache tomcat instead and I handled the routing via Zuul and application.properties. And it worked fine!

Collectives™ on Stack Overflow

Angular 7 Routes not working when deployed to Apache 2 HTTPD Server

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related