Comment réparer une redirection défaillante sur Netlify

Netlify est une plateforme gratuite que vous pouvez utiliser pour héberger votre site Web. L'une des fonctionnalités qu'il offre est l'intégration avec des hôtes de contrôle de version comme GitHub et Bitbucket. Il utilise le code source d'un référentiel existant pour héberger votre site Web.

Lorsque vous hébergez votre site pour la première fois, vous pouvez rencontrer un problème où vous ne parvenez pas à le voir à l'aide de son URL. Cela se produit lorsque Netlify ne redirige pas automatiquement vers votre index ou votre page de destination.

Vous pouvez résoudre ce problème avec un peu de configuration de site Web.

Hébergement d'un site Web avec Netlify

Vous pouvez utiliser différentes piles technologiques sur Netlify à partir de Framework basé sur TypeScript, Angular, à générateur de site statique, Hugo. Sur la page principale de votre compte Netlify, vous pouvez afficher une liste de tous les sites Web que vous hébergez. Vous pouvez également explorer pour voir les détails de déploiement ou de construction pour chaque site Web.

Lorsque vous hébergez votre site Web pour la première fois, vous devrez configurer quelques paramètres. Cela inclut la commande build et le répertoire de publication. En supposant que tous vos paramètres de configuration sont corrects, Netlify déclenchera alors un déploiement pour héberger votre site.

Échec de l'erreur de redirection sur Netlify

Netlify génère un nom de domaine aléatoire pour votre site Web. Si c'est la première fois que vous hébergez votre site, vous ne pourrez peut-être pas afficher votre site Web à partir de cette URL. Au lieu de cela, vous pouvez rencontrer une erreur "Page introuvable".

Cette erreur peut se produire lorsque vous n'avez pas spécifié de redirections pour votre site Web. Dans ce cas, lorsque vous ouvrez l'URL de votre site Web, Netlify ne sait pas vers quelle page rediriger initialement. Au lieu de cela, il sert une erreur 404, plutôt que d'afficher la page d'accueil.

Résoudre le problème d'échec de la redirection

Vous pouvez créer de nombreuses règles de redirection basées sur Code d'état HTTP généré dans la réponse à une requête. Pour corriger cette erreur particulière, vous n'aurez qu'à spécifier une règle de redirection. Cette règle redirigera les demandes vers votre page d'accueil.

Rediriger vers votre page d'accueil à l'aide du fichier _redirects

Une option consiste à ajouter la règle de redirection à un _redirections fichier dans votre répertoire de publication.

1. Accédez au répertoire de publication de votre projet, qui stocke les fichiers de votre site Web créé. Par exemple, dans une application React, ce serait votre Publique dossier. Dans une application angulaire, vous pouvez accéder au src dossier (les fichiers sont copiés d'ici vers votre distance dossier).
2. Créez un nouveau fichier appelé _redirects. Le fichier _redirects n'a pas d'extension de fichier.
3. Ajoutez une règle de redirection pour rediriger les demandes vers votre page d'accueil. Par exemple, le code ci-dessous redirigera les requêtes vers index.html :

   /* /index.html 200

4. Si vous utilisez Angular, vous devez également ajouter le fichier _redirects au actifs tableau dans votre angulaire.json dossier:

   {
   "actifs": [
   "src/favicon.ico",
   "src/actifs",
    {
   "global": "_redirections",
   "saisir": "src",
   "production": "/"
    }
    ]
   }

Spécification des redirections à l'aide du fichier netlify.toml

Alternativement, vous pouvez également spécifier des redirections à l'aide d'un netlify.toml dossier.

1. Créez un fichier netlify.toml dans votre répertoire de publication ou votre répertoire racine, selon le framework que vous utilisez.
2. Ajoutez une règle pour rediriger toutes les demandes vers votre page d'accueil.

   [[redirection]]
    de = "/*"
    à = "/index.html"
    statut = 200

Redéploiement de votre site Web sur Netlify

Une fois que vous avez configuré votre redirection, vous pouvez redéployer votre application sur Netlify.

1. Sur votre site Web Déployer page sur Netlify, cliquez sur Paramètres de déploiement.
2. Assurez-vous que vous avez configuré le répertoire de publication correct sous Paramètres de construction.
3. Poussez vos nouvelles modifications de code, y compris le fichier _redirects ou netlify.toml, vers votre référentiel.
4. Cela devrait automatiquement déclencher un déploiement. Sinon, accédez à la page de votre site Web sur Netlify et cliquez sur Déclencher le déploiement, et Déployer le site.
5. Attendez que la construction se termine.
6. Ouvrez l'URL pour afficher votre site Web. Il devrait maintenant rediriger vers votre page d'accueil.

Hébergement de votre site Web en ligne

Vous pouvez spécifier des redirections vers votre site Web en les ajoutant à un fichier _redirects ou netlify.toml. Cela redirigera les demandes vers la page d'accueil de votre site Web, plutôt qu'une erreur 404 Page introuvable.

Si vous ne souhaitez pas utiliser le nom de domaine généré par Netlify, vous pouvez acheter votre propre nom de domaine. Vous pouvez ensuite configurer ce nom de domaine pour qu'il fonctionne avec Netlify. Il existe de nombreux outils que vous pouvez utiliser pour vous aider à générer un nom de domaine qui vous convient.

Les 11 meilleurs conseils pour vous aider à choisir le meilleur nom de domaine

Lire la suite