Herramientas GitHub Pages

Gratis Ayudante 404 para SPA en GitHub Pages

Crea un fallback 404.html para aplicaciones de una sola página en GitHub Pages.

Cargando herramienta...

Qué es Ayudante 404 para SPA en GitHub Pages?

GitHub Pages sirve archivos estáticos y no conoce rutas del lado del cliente a menos que exista un archivo coincidente. Una aplicación de una sola página puede mostrar 404 cuando un visitante abre una ruta profunda directamente. Un fallback 404 puede redirigir el navegador de vuelta al punto de entrada de la aplicación mientras preserva la ruta solicitada para el enrutador.

Respuesta rápida

Genere un fallback 404.html para aplicaciones de una sola página implementadas en GitHub Pages. El fallback redirige las rutas profundas del lado del cliente al punto de entrada de la aplicación preservando la ruta original.

Last updated: 2026-06-11

Limitaciones

  • Es un fallback genérico del lado del cliente, no una configuración de redirección del servidor.
  • El enrutador del lado del cliente debe configurarse para leer la ruta preservada.
  • Este enfoque no corrige la navegación o el comportamiento de actualización dentro de la SPA.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Ingrese la ruta base de la aplicación. Use / para un sitio de usuario o dominio personalizado, o /nombre-repo/ para una página de proyecto.
  2. Elija si el fallback debe almacenar la ruta original en la cadena de consulta o en el hash.
  3. Copie el archivo 404.html generado en la raíz del sitio publicado.
  4. Pruebe una ruta profunda directamente después de la implementación.

Para qué puedes usarla

  • Corregir visitas directas a rutas del lado del cliente en GitHub Pages.
  • Preparar un fallback 404 para enrutadores React, Vue, Svelte o vanilla.
  • Documentar la ruta base necesaria para páginas de proyecto.

Casos de uso

Ejemplos prácticos

Ejemplo

SPA con dominio personalizado

Un sitio en www.ejemplo.com usa enrutamiento del lado del cliente. El fallback redirige las rutas profundas de vuelta a / con la ruta preservada.

Ejemplo

SPA como página de proyecto

Un proyecto implementado bajo /mi-app/ necesita que la ruta base se incluya para que las rutas no redirijan a la raíz del dominio.

Errores comunes

  • Usar / como ruta base para una página de proyecto implementada bajo /nombre-repo/.
  • Olvidar copiar 404.html en la carpeta dist final.
  • Esperar que este fallback reemplace las redirecciones del lado del servidor.

Verificación

  1. Implemente el sitio con 404.html en la raíz y abra una URL de ruta profunda directamente en un navegador.
  2. Confirme que la página cargue el punto de entrada de la SPA y que el enrutador navegue a la ruta profunda.

FAQ

Preguntas sobre Ayudante 404 para SPA en GitHub Pages

¿Funciona esto para todos los enrutadores?

No. Es un fallback genérico. Su enrutador aún necesita leer la ruta preservada y renderizar la ruta coincidente.

¿Dónde debe ir 404.html?

Colóquelo en la raíz del sitio publicado, junto a index.html, CNAME, robots.txt y otros archivos de salida final.

¿Los sitios estáticos normales deberían usar esto?

Generalmente no. Un sitio estático normal debe publicar archivos HTML reales para páginas importantes.

Herramientas relacionadas

Más herramientas github pages

Prueba también

Prueba también