Solucionar error de rutas cuando refrescas con F5 en React (react-router-dom) usando nginx

Hoy os comparto una solución para configurar correctamente el fichero nginx.conf y hacerlo compatible con la gestión de rutas de react-router-dom.

Para solucionar el error, tenemos que añadir la línea try_files $uri $uri/ /index.html; dentro del archivo nginx.conf

 http{

...

server {
        listen       80;
        server_name  localhost;

        location / {
            root   /usr/share/nginx/html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;                
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    }

}

isMa

Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.