Nginx - Angular issues with routes | Angular Community | Page 1

drifting ruin Oct 27, 2023, 6:23 AM

#

I have deployed Angular with a nginx service with docker yesterday. I now the following issue : when i go to the front page (/) it work fine, if i use a routerLink to go to different pages it work fine too, but when ever i'm on a page and i refresh i got a 404 :/

My guess is that when i'm on <url>/ it work fine because nginx just look after th index.html but when i'm on <url>/page/example it try to go throw some directory to find an index.html that doesnt exist.

#

My page.routes.js

#

My dockerfile (i know it's not latest don't kill me)

#

thanks to anyone that can help me throw this NE_PeepoKingLove

potent zealot Oct 27, 2023, 6:40 AM

#

https://angular.io/guide/deployment#routed-apps-must-fall-back-to-indexhtml, https://angular.io/guide/deployment#fallback-configuration-examples

dapper breach Oct 27, 2023, 6:41 AM

#

your guess is correct, you have to configure NGINX:

Routed apps must fall back to index.html
In addition to the official angular doc there are many more detailed articles:
https://medium.com/@technicadil_001/deploy-an-angular-app-with-nginx-a79cc1a44b49

Medium

Deploy an Angular app with nginx

In this article we are going to discuss about deployment of an Angular app with nginx webserver

drifting ruin Oct 27, 2023, 6:42 AM

#

Thanks to both of you ! gonna have a look Hyppers

#Nginx - Angular issues with routes