So beheben Sie eine fehlgeschlagene Weiterleitung auf Netlify

Netlify ist eine kostenlose Plattform, auf der Sie Ihre Website hosten können. Eine der Funktionen, die es bietet, ist die Integration mit Versionskontrollhosts wie GitHub und Bitbucket. Es verwendet Quellcode aus einem vorhandenen Repository, um Ihre Website zu hosten.

Wenn Sie Ihre Website zum ersten Mal hosten, stoßen Sie möglicherweise auf ein Problem, bei dem Sie sie nicht über ihre URL anzeigen können. Dies passiert, wenn Netlify nicht automatisch zu Ihrem Index oder Ihrer Zielseite weiterleitet.

Sie können dieses Problem mit ein wenig Website-Konfiguration beheben.

Hosten einer Website mit Netlify

Sie können verschiedene Tech-Stacks auf Netlify aus verwenden TypeScript-basiertes Framework, Angular, zu statischer Site-Generator, Hugo. Auf der Hauptseite Ihres Netlify-Kontos können Sie eine Liste aller Websites anzeigen, die Sie hosten. Sie können auch einen Drilldown durchführen, um alle Bereitstellungs- oder Build-Details für jede Website anzuzeigen.

Wenn Sie Ihre Website zum ersten Mal hosten, müssen Sie einige Einstellungen konfigurieren. Dazu gehören der Build-Befehl und das Veröffentlichungsverzeichnis. Unter der Annahme, dass alle Ihre Konfigurationseinstellungen korrekt sind, löst Netlify dann eine Bereitstellung zum Hosten Ihrer Website aus.

Weiterleitungsfehler auf Netlify

Netlify generiert einen zufälligen Domainnamen für Ihre Website. Wenn Sie Ihre Website zum ersten Mal hosten, können Sie Ihre Website unter dieser URL möglicherweise nicht anzeigen. Stattdessen wird möglicherweise der Fehler „Seite nicht gefunden“ angezeigt.

Dieser Fehler kann auftreten, wenn Sie keine Weiterleitungen für Ihre Website angegeben haben. Wenn Sie in diesem Fall die URL zu Ihrer Website öffnen, weiß Netlify nicht, auf welche Seite es zunächst umgeleitet werden soll. Stattdessen liefert es einen 404-Fehler, anstatt die Startseite anzuzeigen.

Behebung des Problems der fehlgeschlagenen Weiterleitung

Sie können viele Umleitungsregeln basierend auf erstellen HTTP-Statuscode in der Antwort auf eine Anfrage generiert. Um diesen speziellen Fehler zu beheben, müssen Sie nur eine Umleitungsregel angeben. Diese Regel leitet Anfragen auf Ihre Homepage um.

Leiten Sie mithilfe der _redirects-Datei auf Ihre Homepage um

Eine Option besteht darin, die Umleitungsregel zu a hinzuzufügen _Weiterleitungen Datei in Ihrem Veröffentlichungsverzeichnis.

1. Navigieren Sie zum Veröffentlichungsverzeichnis Ihres Projekts, in dem Ihre erstellten Website-Dateien gespeichert sind. In einer React-App wäre dies beispielsweise Ihre Öffentlichkeit Mappe. In einer Angular-App können Sie zu navigieren Quelle Ordner (Dateien werden von hier in Ihre Abstand Mappe).
2. Erstellen Sie eine neue Datei namens _redirects. Die Datei _redirects hat keine Dateierweiterung.
3. Fügen Sie eine Umleitungsregel hinzu, um Anfragen auf Ihre Startseite umzuleiten. Beispielsweise leitet der folgende Code Anforderungen an index.html um:

   /* /index.html 200

4. Wenn Sie Angular verwenden, sollten Sie auch die Datei _redirects zur Vermögenswerte Array in Ihrem angle.json Datei:

   {
   "Vermögenswerte": [
   "src/favicon.ico",
   "Quelle/Vermögen",
    {
   "Kugel": "_Weiterleitungen",
   "Eingang": "Quelle",
   "Ausgang": "/"
    }
    ]
   }

Geben Sie Umleitungen mithilfe der netlify.toml-Datei an

Alternativ können Sie Umleitungen auch mit a angeben netlify.toml Datei.

1. Erstellen Sie je nach verwendetem Framework eine netlify.toml-Datei in Ihrem Veröffentlichungsverzeichnis oder Stammverzeichnis.
2. Fügen Sie eine Regel hinzu, um alle Anfragen auf Ihre Homepage umzuleiten.

   [[Weiterleitungen]]
    von = "/*"
    zu = "/index.html"
    Stand = 200

Neubereitstellung Ihrer Website auf Netlify

Sobald Sie Ihre Weiterleitung eingerichtet haben, können Sie Ihre App erneut auf Netlify bereitstellen.

1. Auf Ihrer Website Einsetzen Seite auf Netlify, klicken Sie auf Bereitstellungseinstellungen.
2. Stellen Sie sicher, dass Sie das richtige Veröffentlichungsverzeichnis unter konfiguriert haben Build-Einstellungen.
3. Übertragen Sie Ihre neuen Codeänderungen, einschließlich der Datei _redirects oder netlify.toml, in Ihr Repository.
4. Dies sollte automatisch eine Bereitstellung auslösen. Wenn nicht, navigieren Sie auf Netlify zur Seite Ihrer Website und klicken Sie auf Bereitstellung auslösen, und Website bereitstellen.
5. Warten Sie, bis der Build abgeschlossen ist.
6. Öffnen Sie die URL, um Ihre Website anzuzeigen. Es sollte jetzt auf Ihre Homepage umleiten.

Online-Hosting Ihrer Website

Sie können Umleitungen zu Ihrer Website angeben, indem Sie sie zu einer _redirects- oder netlify.toml-Datei hinzufügen. Dadurch werden Anfragen auf die Startseite Ihrer Website umgeleitet und nicht auf einen 404-Fehler „Seite nicht gefunden“.

Wenn Sie den von Netlify generierten Domainnamen nicht verwenden möchten, können Sie Ihren eigenen Domainnamen kaufen. Sie können diesen Domänennamen dann so konfigurieren, dass er mit Netlify funktioniert. Es gibt viele Tools, mit denen Sie einen für Sie geeigneten Domainnamen generieren können.

Die 11 besten Tipps zur Auswahl des besten Domainnamens

Lesen Sie weiter