Een falende omleiding op Netlify repareren

Netlify is een gratis platform dat u kunt gebruiken om uw website te hosten. Een van de functies die het biedt, is integratie met hosts voor versiebeheer, zoals GitHub en Bitbucket. Het gebruikt broncode van een bestaande repository om uw website te hosten.

Wanneer u uw site voor het eerst host, kunt u een probleem tegenkomen waarbij u deze niet kunt bekijken met behulp van de URL. Dit gebeurt wanneer Netlify niet automatisch doorverwijst naar uw index of bestemmingspagina.

U kunt dit probleem oplossen met een klein beetje websiteconfiguratie.

Een website hosten met Netlify

U kunt verschillende tech-stacks op Netlify gebruiken vanaf: TypeScript-gebaseerd framework, Angular, tot statische sitegenerator, Hugo. Op de hoofdpagina van uw Netlify-account kunt u een lijst bekijken van alle websites die u host. U kunt ook inzoomen om implementatie- of builddetails voor elke website te bekijken.

Wanneer u uw website voor het eerst host, moet u een aantal instellingen configureren. Dit omvat het build-commando en de publish-directory. Ervan uitgaande dat al uw configuratie-instellingen correct zijn, zal Netlify vervolgens een implementatie activeren om uw site te hosten.

Falende omleidingsfout op Netlify

Netlify genereert een willekeurige domeinnaam voor uw website. Als dit de eerste keer is dat u uw site host, kunt u uw website mogelijk niet bekijken via deze URL. In plaats daarvan kunt u de foutmelding 'Pagina niet gevonden' tegenkomen.

Deze fout kan optreden wanneer u geen omleidingen voor uw website heeft opgegeven. In dit geval, wanneer u de URL naar uw website opent, weet Netlify in eerste instantie niet naar welke pagina het moet worden doorverwezen. In plaats daarvan geeft het een 404-fout weer, in plaats van de startpagina weer te geven.

Het probleem met de mislukte omleiding oplossen

U kunt veel omleidingsregels maken op basis van de HTTP-statuscode gegenereerd in het antwoord op een verzoek. Om deze specifieke fout op te lossen, hoeft u slechts één omleidingsregel op te geven. Die regel zal verzoeken omleiden naar uw startpagina.

Omleiden naar uw startpagina met behulp van het _redirects-bestand

Een optie is om de omleidingsregel toe te voegen aan a _omleidingen bestand in uw publicatiemap.

1. Navigeer naar de publicatiemap van uw project, waarin uw gebouwde websitebestanden zijn opgeslagen. In een React-app zou dit bijvoorbeeld uw openbaar map. In een Angular-app kunt u navigeren naar de src map (bestanden worden van hier naar uw dist map).
2. Maak een nieuw bestand met de naam _redirects. Het bestand _redirects heeft geen bestandsextensie.
3. Voeg een omleidingsregel toe om verzoeken om te leiden naar uw startpagina. De onderstaande code zal bijvoorbeeld verzoeken omleiden naar index.html:

   /* /index.html 200

4. Als u Angular gebruikt, moet u ook het bestand _redirects toevoegen aan de middelen array in je hoekig.json het dossier:

   {
   "middelen": [
   "src/favicon.ico",
   "src/activa",
    {
   "globaal": "_omleidingen",
   "invoer": "src",
   "uitvoer": "/"
    }
    ]
   }

Geef omleidingen op met behulp van het bestand netlify.toml

Als alternatief kunt u ook omleidingen specificeren met a netlify.toml het dossier.

1. Maak een netlify.toml-bestand in uw publicatiedirectory of rootdirectory, afhankelijk van het framework dat u gebruikt.
2. Voeg een regel toe om alle verzoeken om te leiden naar uw startpagina.

   [[omleidingen]]
    van = "/*"
    naar = "/index.html"
    status = 200

Uw website opnieuw implementeren op Netlify

Nadat u uw omleiding hebt ingesteld, kunt u uw app opnieuw implementeren op Netlify.

1. Op uw website Inzetten pagina op Netlify, klik op Instellingen implementeren.
2. Zorg ervoor dat u de juiste publicatiemap hebt geconfigureerd onder Build-instellingen.
3. Push uw nieuwe codewijzigingen, inclusief het _redirects- of netlify.toml-bestand, naar uw repository.
4. Dit zou automatisch een implementatie moeten activeren. Zo niet, ga dan naar de pagina van uw website op Netlify en klik op Trigger implementeren, en Site implementeren.
5. Wacht tot de build is voltooid.
6. Open de URL om uw website te bekijken. Het zou nu moeten doorverwijzen naar uw startpagina.

Uw website online hosten

U kunt omleidingen naar uw website specificeren door ze toe te voegen aan een _redirects- of netlify.toml-bestand. Hierdoor worden verzoeken omgeleid naar de startpagina van uw website, in plaats van een 404-pagina niet gevonden-fout.

Als u de domeinnaam die Netlify genereert niet wilt gebruiken, kunt u uw eigen domeinnaam kopen. U kunt die domeinnaam vervolgens configureren om met Netlify te werken. Er zijn veel tools die u kunt gebruiken om u te helpen een domeinnaam te genereren die bij u past.

De 11 beste tips om u te helpen bij het kiezen van de beste domeinnaam

Lees volgende