Nginx für React-Route konfigurieren

Question

Ich habe Probleme beim Aktualisieren von Seiten in meinem React-Projekt. Dafür versuche ich, mein Nginx zu konfigurieren, da es auf meinem lokalen Host einwandfrei funktioniert.

Ich bin neu bei Nginx und habe es mehr als zwei Stunden lang erfolglos versucht.

Kontext:

1. Ich habe 2 Projekte in React mit React-Route, dann muss ich für beide konfigurieren, aber ich versuche zuerst, eines zu konfigurieren.

2. Mein erstes Projekt ist in /var/www/html/appund mein zweites Projekt /var/www/html/dashboard, beide funktionieren gut, mit http://MY_IP/appundhttp://MY_IP/dashboard

3. Ich habe die Datei geöffnet /etc/nginx/sites-enabled/default(ich habe viele Kommentare entfernt):

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /var/www/html;
    index index.html index.htm index.nginx-debian-html;
    server_name _;
    location / {
        try_files $uri $uri/ =404;
    }
}

Und nur ich habe mich geändert:

• try_files $uri $uri/ =404; -> try_files $uri $uri/ index.html;
• root /var/www/html; -> root /var/www/html/app;

und danach in der Konsole:sudo systemctl restart nginx

Problem:

Als ich diese Änderungen vornahm, passierte nichts und die Seite http://MY_IP/appwar leer.

Ich habe viele Varianten ausprobiert, aber beim Aktualisieren http://MY_IP/app/salewird ein Fehler angezeigt und die Route funktioniert nicht.

was mache ich falsch? Ist das die richtige Datei zum Ändern? Jeder Vorschlag ist willkommen.

Notiz:

• Mein Nginx ist in EC2 (aws)

Danke.