jquery.app
Francais
EnglishDeutschFrancaisEspanol日本語Nederlands

Outils GitHub Pages

Gratuit Aide 404 SPA GitHub Pages

Créez un fallback 404.html pour les applications monopages sur GitHub Pages.

Chargement de l'outil...

Qu'est-ce que Aide 404 SPA GitHub Pages ?

GitHub Pages sert des fichiers statiques et ne connait pas les routes cote client a moins qu'un fichier correspondant n'existe. Une application monopage peut afficher 404 lorsqu'un visiteur ouvre une route profonde directement. Un fallback 404 peut rediriger le navigateur vers le point d'entree de l'application tout en preservant le chemin demande pour le routeur.

Réponse rapide

Generez un fallback 404.html pour les applications monopages deployees sur GitHub Pages. Le fallback redirige les routes cote client profondes vers le point d'entree de l'application tout en preservant le chemin d'origine pour le routeur.

Last updated: 2026-06-11

Limites

  • Ceci est un fallback generique cote client, pas une configuration de redirection cote serveur. Il repose sur JavaScript dans le navigateur pour extraire le chemin d'origine et le passer au routeur.
  • Le routeur cote client doit etre configure pour lire le chemin preserve depuis la chaene de requete ou le hash et afficher la route correspondante. Tous les routeurs ne gerent pas ce motif de redirection automatiquement.
  • Cette approche ne corrige pas la navigation ou le comportement d'actualisation dans l'application monopage apres la redirection initiale. Une configuration au niveau du routeur est toujours necessaire pour un support complet du routage cote client.

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

Comment utiliser cet outil

  1. Saisissez le chemin de base de l'application. Utilisez / pour un site utilisateur ou domaine personnalise, ou /nom-du-depot/ pour une page de projet.
  2. Choisissez si le fallback doit stocker le chemin d'origine dans la chaene de requete ou le hash.
  3. Copiez le fichier 404.html genere dans la racine du site publie.
  4. Testez une route profonde directement apres le deploiement.

A quoi il sert

  • Corriger les visites directes vers des routes cote client sur GitHub Pages.
  • Preparer un fallback 404 pour les routeurs React, Vue, Svelte ou vanilla.
  • Documenter le chemin de base necessaire pour les pages de projet.

Cas d'usage

Exemples concrets

Exemple

Application monopage sur domaine personnalise

Un site sur www.exemple.com utilise le routage cote client. L'assistant genere un fallback qui redirige les routes profondes vers / avec le chemin preserve.

Exemple

Application monopage sur page de projet

Un projet deploye sous /mon-app/ necessite que le chemin de base soit inclus pour que les routes ne redirigent pas vers la racine du domaine.

Erreurs frequentes

  • Utiliser / comme chemin de base pour une page de projet deployee sous /nom-du-depot/.
  • Oublier de copier 404.html dans le dossier dist final.
  • S'attendre a ce que ce fallback remplace les redirections cote serveur.

Vérification

  1. Deployez le site avec le fichier 404.html genere a la racine, puis ouvrez une URL de route profonde telle que https://votresite.com/chemin/profond directement dans un navigateur.
  2. Confirmez que la page charge le point d'entree de l'application monopage et que le routeur navigue vers la route profonde sans afficher de 404 ou de page blanche.

FAQ

Questions sur Aide 404 SPA GitHub Pages

Cela fonctionne-t-il pour tous les routeurs ?

Non. C'est un fallback generique. Votre routeur doit toujours lire le chemin preserve et afficher la route correspondante.

Ou doit aller 404.html ?

Placez-le a la racine du site publie, a cote de index.html, CNAME, robots.txt ou autres fichiers de sortie finaux.

Les sites statiques normaux doivent-ils utiliser cela ?

Generalement non. Un site statique normal devrait publier de vrais fichiers HTML pour les pages importantes au lieu de router tout via un fallback.

Outils lies

Autres outils outils github pages

A essayer aussi

A essayer aussi