Tengo algunos problemas para implementar una aplicación React de varias páginas (usando React-Router V.6) en las páginas de Github. En mi compilación de implementación real ( here ), cada vez que voy a una ruta (como about o resume) y actualizo, obtengo un 404. Supongo que esto se debe a la representación del lado del cliente, junto con las páginas de GH que solo conocen la URL base. "/cartera", y no saber "/cartera/sobre".
Todavía estoy aprendiendo las cuerdas de React-Router, así que he estado buscando locamente una solución, pero no he tenido suerte. He buscado a través de estas soluciones:
React Router v4: no se puede cargar la página en las páginas de GitHub
https://github.com/rafgraph/spa-github-pages
y ninguno de los dos parece funcionar para mí.
Reduciendo mi pregunta a los términos más simples, me pregunto cuál es la forma más fácil de solucionar esto.
Intenté cambiar mi BrowserRouter a HashRouter, pero eso no funcionó. Intenté agregar un archivo 404.html junto con un script de redirección en mi Index.html, pero tampoco funcionó. No estoy buscando nada demasiado robusto, ya que este es solo un sitio de cartera alojado en GH Pages, pero quiero mantener la URL limpia si es posible.
Nuevamente, aquí está mi compilación de implementación , junto con el código fuente
¡Disculpas si esta pregunta es demasiado larga! Esta es mi primera pregunta de StackOverflow. : )
Creo que ya vas en la dirección correcta.
Haga referencia a este repositorio , copie el último script desde aquí y agregue el archivo 404.html, luego estará bien.