Configurar o nginx para rota de reação

Configurar o nginx para rota de reação

Estou com problemas ao atualizar páginas no meu projeto react, para isso estou tentando configurar meu Nginx, pois no meu localhost funciona ok.

Sou novo no Nginx e já tentei por mais de 2 horas sem sucesso.

Contexto:

  1. Tenho 2 projetos na rota React com React, então preciso configurar para ambos, mas estou tentando primeiro configurar um.

  2. Meu primeiro projeto está em andamento /var/www/html/appe meu segundo projeto /var/www/html/dashboard, ambos funcionam bem, com http://MY_IP/appehttp://MY_IP/dashboard

  3. Abri o arquivo /etc/nginx/sites-enabled/default(removi muitos comentários):

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

E só eu mudei:

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

e depois no console:sudo systemctl restart nginx

Problema:

Quando fiz essas alterações, nada aconteceu e a página http://MY_IP/appficou em branco.

Tentei muitas variantes, mas quando atualizo http://MY_IP/app/salecontinuo com erro e a rota não funciona.

o que estou fazendo de errado?, Esse é o arquivo correto para modificar?, qualquer sugestão será incrível.

Observação:

  • Meu nginx está em EC2 (aws)

Obrigado.

informação relacionada