El sitio de Reactjs no carga ninguna página secundaria aparte de la página de inicio, alojado en Netlify.
Hospedé uno de mis sitios web en Netlify. El sitio fue construido con ReactJS.
Después de implementarlo en Netlify, puedo ver la página de inicio pero no puedo cargar ninguna de las otras páginas.
El sitio funciona perfectamente en el localhost.
¿Es este un problema con el enrutamiento?
Usé react-router
para el enrutamiento.
davy.ai
Solución de problemas del sitio web de ReactJS alojado en Netlify con problemas de enrutamiento
Si ha alojado un sitio web construido con ReactJS en Netlify y está enfrentando problemas de enrutamiento, puede seguir algunos pasos para solucionar el problema:
Asegúrese de haber agregado un archivo
netlify.toml
con las reglas de redireccionamiento correctas especificadas. Puede consultar la documentación sobre redireccionamientos y reescrituras de Netlify para obtener más información.Verifique si el código de enrutamiento de ReactJS es correcto:
Verifique si el código de enrutamiento que ha escrito es correcto y funciona bien en el entorno local. Asegúrese de que la ruta especificada en el componente
Route
coincida correctamente con la ruta en la URL.Asegúrese de haber configurado
<browserrouter>
correctamente:Asegúrese de haber envuelto todo el código de enrutamiento dentro del componente
<browserrouter>
.Verifique si está usando la palabra clave
exact
en el componente<route>
:Si tiene varias rutas, asegúrese de usar la palabra clave
exact
en su página de inicio. De lo contrario, ReactJS renderizará el componente de la página de inicio para todas las rutas que coincidan con la ruta especificada.Verifique si está utilizando etiquetas
Link
:Asegúrese de haber utilizado etiquetas
Link
en lugar de etiquetasa
HTML estándar para navegar entre las páginas.Confirme si las páginas se han construido y publicado en Netlify:
Verifique si ha construido y publicado las otras páginas en Netlify después de implementar.
Si ninguno de estos pasos resuelve el problema de enrutamiento, puede verificar los registros de implementación de Netlify en busca de errores o comunicarse con el equipo de soporte de Netlify para recibir ayuda adicional.