React Router BrowserRouter genera el error “404 Not Found – nginx” al ir a la subpágina directamente sin hacer clic en la página de inicio

Solución:

El problema es que nginx no sabe qué hacer con /signin. Necesita cambiar su configuración de nginx (generalmente en /etc/nginx/conf.d/) para servir a tu index.html independientemente de la ruta. Aquí hay una configuración de nginx de muestra que podría ayudar:

server {
  listen 80 default_server;
  server_name /var/www/example.com;

  root /var/www/example.com;
  index index.html index.htm;      

  location ~* .(?:manifest|appcache|html?|xml|json)$ {
    expires -1;
    # access_log logs/static.log; # I don't usually include a static log
  }

  location ~* .(?:css|js)$ {
    try_files $uri =404;
    expires 1y;
    access_log off;
    add_header Cache-Control "public";
  }

  # Any route containing a file extension (e.g. /devicesfile.js)
  location ~ ^.+..+$ {
    try_files $uri =404;
  }

  # Any route that doesn't have a file extension (e.g. /devices)
  location / {
    try_files $uri $uri/ /index.html;
  }
}

Simplemente agregue try_files $uri $uri/ /index.html; para location / bloque en el archivo de configuración NGINX como este:

server {
   listen       80;
   server_name  localhost;

   location / {
       root   /build;
       index  index.html;
       try_files $uri $uri/ /index.html;
   }
}

---

---

Utiliza Nuestro Buscador