planetazuzu 2f9fb6e499 chore: limpieza completa del proyecto

- Fase 1: Eliminar archivos innecesarios (logs, builds, node_modules)
- Fase 2: Mover backups y duplicados a revisión:
  - _BACKUP_MD/ (203 archivos)
  - MANUAL_TES_DIGITAL/ (110 archivos)
  - imagenes-pendientes/ (60 archivos)
- Fase 3: Simplificar configuraciones (mover no usadas a config_backup/)
- Fase 4: Consolidar documentación:
  - 13 documentos esenciales → docs/consolidado/
  - 42 documentos → docs/archivo/
  - README.md actualizado
- Fase 5: Organizar scripts (mantener solo esenciales)
- Fase 6: Reinstalación y verificación (npm install + build)
- Corregir clave duplicada 'uso-tensiometro' en image-registry.ts
- Total: 393 archivos movidos a revisión, 5 configuraciones archivadas, 55 documentos organizados
- Build verificado y exitoso

2025-12-23 10:16:35 +01:00

2.9 KiB

Raw Blame History

✅ Resumen: Configuración SPA Routing

Fecha: 2024-12-20

✅ PROBLEMA RESUELTO

Problema: Al acceder directamente a rutas o refrescar la página, el servidor devolvía 404 en lugar de servir index.html.

Solución: Configurado fallback a index.html para todos los servidores comunes.

📁 ARCHIVOS CREADOS/MODIFICADOS

Archivos Nuevos

✅ public/_redirects - Para Netlify
✅ public/.htaccess - Para Apache
✅ SPA_ROUTING_CONFIG.md - Documentación completa
✅ RESUMEN_SPA_ROUTING.md - Este resumen

Archivos Modificados

✅ vite.config.ts - Añadida configuración de preview
✅ vercel.json - Actualizado con rewrites y headers de cache
✅ nginx.conf.example - Ya tenía configuración correcta (comentarios añadidos)
✅ package.json - Añadido --host a preview

🔧 CONFIGURACIONES POR SERVIDOR

Servidor	Archivo	Estado
Vite Dev	`vite.config.ts`	✅ Automático
Vite Preview	`vite.config.ts`	✅ Configurado
Nginx	`nginx.conf.example`	✅ `try_files $uri $uri/ /index.html;`
Apache	`public/.htaccess`	✅ `mod_rewrite` configurado
Netlify	`public/_redirects`	✅ `/* /index.html 200`
Vercel	`vercel.json`	✅ Rewrites configurados
GitHub Pages	`vite.config.ts`	✅ Base path configurado

✅ VERIFICACIONES

1. React Router

✅ Usa BrowserRouter (no HashRouter)
✅ Rutas configuradas correctamente

2. Build

✅ Build exitoso
✅ Archivos de configuración copiados a dist/
✅ _redirects y .htaccess presentes en dist/

3. Archivos en dist/

dist/
├── _redirects      # Para Netlify
├── .htaccess       # Para Apache
├── index.html      # Punto de entrada
└── ...

🧪 CÓMO PROBAR

Test Local (Preview)

npm run build
npm run preview
# Abrir http://localhost:4173/favoritos
# Debe cargar correctamente (no 404)

Test en Producción

Desplegar en servidor (Nginx/Apache/Netlify/Vercel)
Acceder directamente a una ruta: https://tu-app.com/favoritos
Refrescar la página en esa ruta
Debe cargar correctamente (no 404)

📝 NOTAS IMPORTANTES

Archivos Estáticos: Las reglas excluyen archivos estáticos (JS, CSS, imágenes) para que se sirvan correctamente.
Cache:
- index.html → NO cachear (permite actualizaciones)
- Assets estáticos → Cachear (mejor performance)
Base Path: Si la app está en subdirectorio (GitHub Pages), el base en vite.config.ts debe coincidir.

✅ ESTADO FINAL

Configuración: ✅ COMPLETA

Todas las rutas ahora funcionan correctamente:

✅ Acceso directo a rutas
✅ Refresh en cualquier ruta
✅ Enlaces compartidos funcionan
✅ Compatible con todos los servidores comunes

Última actualización: 2024-12-20

2.9 KiB Raw Blame History