Une page 404 affichée sur un PC portable
Développement Web

Comment gérer un 404 dans une application à page unique déployée sur Netlify ?

Il est important de traiter les erreurs HTTP 404. Montrer une page conviviale est un must en termes d’UX. Sans cela, vous risquez de perdre un client. Sur les applications web constituées d’un document HTML unique déployé sur Netlify, il faut toutefois ajuster la configuration pour que les erreurs 404 soient gérées par l’application.

Les applications à page unique (SPA) gèrent ce que nous appelons des soft 404. Lorsque vous déployez Netlify, vous verrez une page comme celle-ci :

Page 404 Not Found de Netlify

Pour éviter cela, il suffit d’ajouter un fichier _redirects dans le répertoire public de l’application et d’ajouter ce qui suit :

1

/* /index.html 200

Cela permet à l’application de gérer le 404 comme un soft 404.

Voir [ce fil de discussion] (https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125) pour plus d’exemples d’utilisation.

Crédit : l’image d’entête par Erik Mclean sur Unsplash