配置 Nginx 以进行 React 路由

Question

我在 React 项目中刷新页面时遇到问题，为此，我正在尝试配置我的 Nginx，因为我的本地主机工作正常。

我是 Nginx 新手，尝试了两个多小时都没有成功。

语境：

1. 我在 React 中拥有 2 个使用 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) 中

谢谢。