Конфигурация nginx для маршрута React

Question

У меня возникают проблемы при обновлении страниц в моем проекте React, для этого я пытаюсь настроить Nginx, поскольку на моем localhost все работает нормально.

Я новичок в Nginx и пытаюсь уже более 2 часов, но безуспешно.

Контекст:

1. У меня есть 2 проекта в React с маршрутом React, мне нужно настроить оба, но я пытаюсь сначала настроить один.

2. Мой первый проект /var/www/html/appи мой второй проект /var/www/html/dashboard, оба работают хорошо, с http://MY_IP/appиhttp://MY_IP/dashboard

3. Я открыл файл /etc/nginx/sites-enabled/default(я удалил много комментариев):

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;
    }
}

И только я изменил:

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

и после в консоли:sudo systemctl restart nginx

Проблема:

Когда я внес эти изменения, ничего не произошло, и страница http://MY_IP/appстала пустой.

Я перепробовал много вариантов, но при обновлении http://MY_IP/app/saleвозникает ошибка и маршрут не работает.

что я делаю не так? Это правильный файл, который нужно изменить? любое предложение будет замечательным.

Примечание:

• Мой nginx находится в EC2(aws)

Спасибо.