Hvordan fikse en mislykket omdirigering på Netlify

Netlify er en gratis plattform som du kan bruke til å være vert for nettstedet ditt. En av funksjonene den tilbyr er integrasjon med versjonskontrollverter som GitHub og Bitbucket. Den bruker kildekode fra et eksisterende depot for å være vert for nettstedet ditt.

Når du først er vert for nettstedet ditt, kan du komme over et problem der du ikke kan se det ved å bruke nettadressen. Dette skjer når Netlify ikke automatisk omdirigerer til indeksen eller landingssiden din.

Du kan fikse dette problemet med en liten bit av nettstedkonfigurasjon.

Å være vert for et nettsted ved å bruke Netlify

Du kan bruke forskjellige teknologistabler på Netlify fra TypeScript-basert rammeverk, Angular, til statisk nettstedsgenerator, Hugo. På hovedsiden til Netlify-kontoen din kan du se en liste over alle nettstedene du er vert for. Du kan også drill ned for å se eventuell distribusjon eller byggedetaljer for hvert nettsted.

Når du først er vert for nettstedet ditt, må du konfigurere noen få innstillinger. Dette inkluderer byggkommandoen og publiseringskatalogen. Forutsatt at alle konfigurasjonsinnstillingene dine er riktige, vil Netlify utløse en distribusjon for å være vert for nettstedet ditt.

Feil ved mislykkede omdirigeringer på Netlify

Netlify genererer et tilfeldig domenenavn for nettstedet ditt. Hvis dette er første gang du er vert for nettstedet ditt, kan det hende du ikke kan se nettstedet ditt fra denne nettadressen. I stedet kan du støte på en "Side ikke funnet"-feil.

Denne feilen kan oppstå når du ikke har spesifisert omdirigeringer for nettstedet ditt. I dette tilfellet, når du åpner URL-en til nettstedet ditt, vet ikke Netlify hvilken side du skal omdirigere til i utgangspunktet. I stedet serverer den en 404-feil, i stedet for å vise hjemmesiden.

Løse problemet med mislykket omdirigering

Du kan lage mange omdirigeringsregler basert på HTTP-statuskode generert i svaret på en forespørsel. For å fikse denne spesielle feilen trenger du bare å spesifisere én omdirigeringsregel. Den regelen vil omdirigere forespørsler til hjemmesiden din.

Omdiriger til hjemmesiden din ved å bruke _redirects-filen

Ett alternativ er å legge til omdirigeringsregelen til en _omdirigeringer filen i publiseringskatalogen din.

1. Naviger til publiseringskatalogen til prosjektet ditt, som lagrer dine bygde nettstedsfiler. For eksempel, i en React-app, vil dette være din offentlig mappe. I en Angular-app kan du navigere til src mappe (filer kopieres herfra til din dist mappe).
2. Opprett en ny fil kalt _redirects. _redirects-filen har ikke filtype.
3. Legg til en omdirigeringsregel for å omdirigere forespørsler til hjemmesiden din. For eksempel vil koden nedenfor omdirigere forespørsler til index.html:

   /* /index.html 200

4. Hvis du bruker Angular, bør du også legge til _redirects-filen til eiendeler rekke i din angular.json fil:

   {
   "eiendeler": [
   "src/favicon.ico",
   "src/aktiva",
    {
   "glob": "_omdirigeringer",
   "input": "src",
   "produksjon": "/"
    }
    ]
   }

Spesifiser omdirigeringer ved å bruke netlify.toml-filen

Alternativt kan du også spesifisere omdirigeringer ved å bruke en netify.toml fil.

1. Opprett en netlify.toml-fil i publiseringskatalogen eller rotkatalogen din, avhengig av rammeverket du bruker.
2. Legg til en regel for å omdirigere alle forespørsler til startsiden din.

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

Omdistribuere nettstedet ditt på Netlify

Når du har konfigurert omdirigeringen din, kan du distribuere appen på nytt på Netlify.

1. På nettstedet ditt Utplassere side på Netlify, klikk på Implementeringsinnstillinger.
2. Pass på at du har konfigurert riktig publiseringskatalog under Bygginnstillinger.
3. Send de nye kodeendringene dine, inkludert filen _redirects eller netlify.toml, til depotet ditt.
4. Dette skal automatisk utløse en distribusjon. Hvis ikke, naviger til nettstedets side på Netlify og klikk på Trigger Deploy, og Distribuer nettstedet.
5. Vent til bygget er ferdig.
6. Åpne URL-en for å se nettstedet ditt. Den skal nå omdirigere til hjemmesiden din.

Hosting av nettstedet ditt online

Du kan spesifisere omdirigeringer til nettstedet ditt ved å legge dem til en _redirects- eller netlify.toml-fil. Dette vil omdirigere forespørsler til nettstedets hjemmeside, i stedet for en 404-side ikke funnet-feil.

Dersom du ikke ønsker å bruke domenenavnet som Netlify genererer, kan du kjøpe ditt eget domenenavn. Du kan deretter konfigurere det domenenavnet til å fungere med Netlify. Det er mange verktøy du kan bruke for å hjelpe deg med å generere et domenenavn som passer for deg.

De 11 beste tipsene for å hjelpe deg med å velge det beste domenenavnet

Les Neste