Enrutamiento hash

El enrutador admite tanto el enrutamiento API de historial estándar HTML5 (nombres de ruta) como el enrutamiento basado en Hash (#/path).

El enrutamiento hash es perfecto para entornos de alojamiento de archivos estáticos (como páginas GitHub o implementaciones estáticas Netlify) porque evita la necesidad de configuraciones alternativas de redirección del lado del servidor.

setRoutingMode

Configura el modo activo del enrutador. Acepta "history" (predeterminado) o "hash".

function setRoutingMode(mode: 'history' | 'hash'): void

Ejemplo

import { setRoutingMode } from '@beforesemicolon/router'

// Enable Hash Routing
setRoutingMode('hash')

// URLs will now format as: domain.com/#/dashboard
// <page-link path="/todos"> renders as: <a href="#/todos">

getRoutingMode

Recupera el modo de enrutamiento actualmente activo.

function getRoutingMode(): 'history' | 'hash'

Ejemplo

import { getRoutingMode } from '@beforesemicolon/router'

const mode = getRoutingMode() // "history" or "hash"

Beneficios del enrutamiento hash

• Configuración cero del servidor: Los servidores estándar devuelven un error 404 al acceder a una ruta directa como /about al actualizar la página, a menos que estén configurados para reescribir en index.html. El enrutamiento hash es completamente del lado del cliente y no requiere reglas alternativas del lado del servidor.
• Hospedaje estático: Altamente compatible con entornos estáticos como depósitos AWS S3, páginas GitHub o Netlify.
• Compatibilidad antigua: Funciona perfectamente en motores de navegador web más antiguos.