Estoy ejecutando un servidor express y si no se cumplen otras URL determinadas, el usuario es redirigido a la aplicación React:
app.get("*", verify, (req, res) => { if (maintenance) { return res.sendFile("./maintenance.html", { root: __dirname }); } return res.sendFile( path.resolve(__dirname, "../frontend/build", "index.html") ); }); Esto ejecuta con éxito el middleware de verify necesario para verificar si el usuario que realiza la solicitud ha iniciado sesión; si no, lo redirige a otro servicio para que inicie sesión.
Habría pensado que dado que todas las URL que se utilizan pasan por toda la aplicación web a través de este servidor express, el middleware de verificación se habría ejecutado sin importar en qué página se encuentre el usuario. Sin embargo, este middleware solo se ejecuta al abrir el sitio en un navegador que aún no ha visitado el sitio (no almacenado en caché) o si el usuario fuerza la actualización de la página.
Soy nuevo en React y esto me ha llevado a creer que React carga toda la aplicación, y con cada cambio de página (por ejemplo, de /home a /profile) no cambia la URL, solo carga la parte de la aplicación que ya está cargada, por lo que no importa en qué página se encuentre el usuario, Express siempre verá que el usuario solo está en el dominio raíz.
¿Cómo podría pasar esto sin hacer nada de esta lógica en el lado frontal? Por ejemplo, ejecute la función de verify antes de que cada página en la aplicación de reacción se cargue a la vista
Dado que React es una representación del lado del cliente, deberá manejar ese middleware en su enrutador React, no en su enrutador Node. En la interfaz, llamamos a esto rutas protegidas de "middleware".
El punto general es que deberá proteger esas rutas en la interfaz, ya que cuando cambia una página en React, Node no lo sabe (porque React se procesa en el lado del cliente).