Routage de hachage

Le routeur prend en charge à la fois le routage standard de l'API d'historique HTML5 (noms de chemin) et le routage basé sur le hachage (#/path).

Le routage de hachage est parfait pour les environnements d'hébergement de fichiers statiques (comme les pages GitHub ou les déploiements statiques Netlify) car il évite le besoin de configurations de secours de redirection côté serveur.

`setRoutingMode`

Configure le mode actif du routeur. Accepte "history" (par défaut) ou "hash".

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

Exemple

javascript
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`

Récupère le mode de routage actuellement actif.

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

Exemple

javascript
import { getRoutingMode } from '@beforesemicolon/router'

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

Avantages du routage de hachage

Zéro configuration du serveur : Les serveurs standard renvoient une erreur 404 lors de l'accès à un chemin direct tel que /about lors de l'actualisation de la page, à moins qu'ils ne soient configurés pour réécrire sur index.html. Le routage de hachage est entièrement côté client et ne nécessite aucune règle de secours côté serveur.
Hébergement statique : Hautement compatible avec les environnements statiques tels que les compartiments AWS S3, les pages GitHub ou Netlify.
Compatibilité héritée : Fonctionne parfaitement dans les anciens moteurs de navigateur Web.

modifier ce document