trailing slash guide

Nachfolgender Schrägstrich

Haben Sie nach dem Einsatz einer statischen Website in der Produktion nachfolgende Schrägstricheprobleme?

Dieses Repo erklärt sachlich das Verhalten von:

• Statische Site -Generatoren
• Hosting -Anbieter

Wir schlagen auch einige mögliche Lösungen vor

Intro

Machen wir uns mehr mit nachlaufenden Slash -Problemen vertraut.

Häufige Probleme :

• SEO /Perf -Probleme: Beim Surfen /myPath leitet Ihr Host zu /myPath/ weiter.
• 404 Probleme: Relativer Link wie <a href="otherPath"> werden unterschiedlich gelöst ( /otherPath oder /myPath/otherPath je nach Anwesenheit /Abwesenheit eines nachfolgenden Schrägstrichs
• UX-Ausgaben: Ihr Host fügt einen nachfolgenden Schrägstrich hinzu, und später entfernt Ihr Frontend-Router für einseitige Anwendungen ihn, was zu einer verwirrenden Erfahrung und einer flackernden URL führt

Ursachen :

• Statische Site -Generatoren können verschiedene Dateien für denselben Pfad /myPath : /myPath.html oder /myPath/index.html aussenden (der später kann zu einem zusätzlichen nachfolgenden Schrägstrich führen)
• Hostanbieter haben alle ein anderes Verhalten, wenn statische Dateien bedient werden. Es gibt keinen Standard

Zusammenfassung

In Anbetracht dieser statischen Seite:

static
│
├── file.html
│
├── folder
│   └── index.html
│
├── both.html
└── both
    └── index.html

Verhalten verschiedener statischer Hosting -Anbieter:

Gastgeber	Einstellungen	URL	/Datei	/Datei/	/File.html	/Ordner	/Ordner/	/Folder/index.html	/beide	/beide/	/both.html	/both/index.html
Github -Seiten		Link	✅	? 404	✅	➡️ /Ordner /	✅	✅	✅	✅	✅	✅
Netlify	Standard: hübsche URLs auf	Link	✅	➡️ /Datei	✅	➡️ /Ordner /	✅	✅	✅	➡️ /beides	✅	✅
Netlify	Schöne URLs ab	Link	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Vercel	Standard: CleanUrls = False TrackingsLash = undefiniert	Link	? 404	? 404	✅	✅	✅	✅	✅	✅	✅	✅
Vercel	CleanUrls = False TrackingsSLash = False	Link	? 404	? 404	✅	✅	➡️ /Ordner	✅	✅	➡️ /beides	✅	✅
Vercel	CleanUrls = False TrackingsSLash = True	Link	? 404	? 404	✅	➡️ /Ordner /	✅	✅	➡️ /beide /	✅	✅	✅
Vercel	CleanUrls = True TrackingsSLash = undefiniert	Link	✅	✅	➡️ /Datei	✅	✅	➡️ /Ordner	✅	✅	➡️ /beides	➡️ /beides
Vercel	CleanUrls = True TrackingsLash = False	Link	✅	➡️ /Datei	➡️ /Datei	✅	➡️ /Ordner	➡️ /Ordner	✅	➡️ /beides	➡️ /beides	➡️ /beides
Vercel	CleanUrls = True TrackingsLash = True	Link	➡️ /Datei /	✅	➡️ /Datei /	➡️ /Ordner /	✅	➡️ /Ordner /	➡️ /beide /	✅	➡️ /beide /	➡️ /beide /
Cloudflare -Seiten		Link	✅	➡️ /Datei	➡️ /Datei	➡️ /Ordner /	✅	➡️ /Ordner /	✅	✅	➡️ /beides	➡️ /beide /
Machen		Link	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Azure statische Web -Apps		Link	✅	➡️ /Datei	✅	✅	✅	✅	✅	✅	✅	✅

Stellenangebote

Lassen Sie uns diese Ressource auf dem neuesten Stand halten und sie erschöpfend zusammenstellen.