Sådan rettes en fejlagtig omdirigering på Netlify

Netlify er en gratis platform, som du kan bruge til at hoste din hjemmeside. En af funktionerne, den tilbyder, er integration med versionskontrolværter som GitHub og Bitbucket. Den bruger kildekode fra et eksisterende lager til at hoste dit websted.

Når du først hoster dit websted, kan du støde på et problem, hvor du ikke kan se det ved hjælp af dets URL. Dette sker, når Netlify ikke automatisk omdirigerer til dit indeks eller din destinationsside.

Du kan løse dette problem med en lille smule webstedskonfiguration.

Hosting af et websted ved hjælp af Netlify

Du kan bruge forskellige teknologiske stakke på Netlify fra TypeScript-baseret framework, Angular, til statisk webstedsgenerator, Hugo. På hovedsiden af ​​din Netlify-konto kan du se en liste over alle de websteder, du er vært for. Du kan også bore ned for at se enhver implementering eller byggedetaljer for hvert websted.

Første gang du hoster dit websted, skal du konfigurere nogle få indstillinger. Dette inkluderer build-kommandoen og publiceringsmappen. Forudsat at alle dine konfigurationsindstillinger er korrekte, vil Netlify derefter udløse en implementering for at hoste dit websted.

Fejl ved omdirigeringer på Netlify

Netlify genererer et tilfældigt domænenavn til din hjemmeside. Hvis det er første gang, du hoster dit websted, kan du muligvis ikke se dit websted fra denne URL. I stedet kan du støde på fejlen "Side ikke fundet".

Denne fejl kan opstå, når du ikke har angivet omdirigeringer til dit websted. I dette tilfælde, når du åbner URL'en til dit websted, ved Netlify ikke, hvilken side der skal omdirigeres til i første omgang. I stedet tjener den en 404-fejl i stedet for at vise startsiden.

Løsning af det mislykkede omdirigeringsproblem

Du kan oprette mange omdirigeringsregler baseret på HTTP-statuskode genereret i svaret på en anmodning. For at rette denne særlige fejl behøver du kun at angive én omdirigeringsregel. Denne regel omdirigerer anmodninger til din startside.

Omdiriger til din startside ved hjælp af _redirects-filen

En mulighed er at tilføje omdirigeringsreglen til en _omdirigerer fil i din publiceringsmappe.

1. Naviger til publiceringsmappen for dit projekt, som gemmer dine byggede webstedsfiler. For eksempel i en React-app ville dette være din offentlig folder. I en Angular-app kan du navigere til src mappe (filer kopieres herfra til din dist folder).
2. Opret en ny fil kaldet _redirects. _redirects-filen har ikke en filtypenavn.
3. Tilføj en omdirigeringsregel for at omdirigere anmodninger til din startside. For eksempel vil koden nedenfor omdirigere anmodninger til index.html:

   /* /index.html 200

4. Hvis du bruger Angular, bør du også tilføje filen _redirects til aktiver række i din angular.json fil:

   {
   "aktiver": [
   "src/favicon.ico",
   "src/aktiver",
    {
   "glob": "_omdirigerer",
   "input": "src",
   "produktion": "/"
    }
    ]
   }

Angiv omdirigeringer ved hjælp af netlify.toml-filen

Alternativt kan du også angive omdirigeringer ved hjælp af en netify.toml fil.

1. Opret en netlify.toml-fil i din publiceringsmappe eller rodmappe, afhængigt af den framework, du bruger.
2. Tilføj en regel for at omdirigere alle anmodninger til din startside.

   [[omdirigerer]]
    fra = "/*"
    til = "/index.html"
    status = 200

Geninstallation af dit websted på Netlify

Når du har konfigureret din omdirigering, kan du geninstallere din app på Netlify.

1. På din hjemmeside Indsætte side på Netlify, klik på Implementeringsindstillinger.
2. Sørg for, at du har konfigureret den korrekte publiceringsmappe under Byg indstillinger.
3. Skub dine nye kodeændringer, inklusive filen _redirects eller netlify.toml, til dit lager.
4. Dette bør automatisk udløse en implementering. Hvis ikke, naviger til din hjemmesides side på Netlify og klik på Trigger Deploy, og Implementer websted.
5. Vent på, at byggeriet er færdigt.
6. Åbn URL'en for at se dit websted. Det skulle nu omdirigere til din hjemmeside.

Hosting af din hjemmeside online

Du kan angive omdirigeringer til dit websted ved at tilføje dem til en _redirects- eller netlify.toml-fil. Dette vil omdirigere anmodninger til dit websteds startside i stedet for en 404-side ikke fundet-fejl.

Hvis du ikke ønsker at bruge det domænenavn, som Netlify genererer, kan du købe dit eget domænenavn. Du kan derefter konfigurere det domænenavn til at fungere med Netlify. Der er mange værktøjer, du kan bruge til at hjælpe dig med at generere et domænenavn, der passer til dig.

De 11 bedste tips til at hjælpe dig med at vælge det bedste domænenavn

Læs Næste