trailing slash guide

Тропинг -чередовый гид

Есть ли проблемы с задними чертами после развертывания статического веб -сайта в производстве?

Этот репо объясняет поведение:

• Статические генераторы сайтов
• Хостинг -провайдеры

Мы также предлагаем некоторые возможные решения

Вступление

Давайте больше знакомем с выпущенными проблемами.

Общие проблемы :

• Проблемы SEO /PERF: при просмотре /myPath ваш хозяин перенаправляет /myPath/
• 404 Проблемы: Относительная связь, такая как <a href="otherPath"> , решаются по -разному ( /otherPath или /myPath/otherPath в зависимости от наличия /отсутствия затяжной черты
• Проблемы с UX: ваш хозяин добавляет трейлинг-черту, а затем ваш маршрутизатор с приложением на одну страницу удаляет его, что приводит к запутанному опыту и мерцающему URL

Причины :

• Статические генераторы сайтов могут выделять разные файлы для одного и того же пути /myPath : /myPath.html или /myPath/index.html (позднее может привести к дополнительному следующему удару)
• Все провайдеры хостов имеют другое поведение при обслуживании статических файлов, нет стандарта

Краткое содержание

Учитывая этот статический сайт:

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

Поведение различных статических хостинг -провайдеров:

Хозяин	Настройки	URL	/файл	/файл/	/file.html	/папка	/папка/	/folder/index.html	/оба	/оба/	/both.html	/both/index.html
GitHub Pages		связь	✅	? 404	✅	➡ /Папка /	✅	✅	✅	✅	✅	✅
NetLify	По умолчанию: красивые URL -адреса на	связь	✅	➡ /файл	✅	➡ /Папка /	✅	✅	✅	➡ /оба	✅	✅
NetLify	Красивые Urls отключены	связь	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Вертел	По умолчанию: cleanurls = false Trailingslash = не определен	связь	? 404	? 404	✅	✅	✅	✅	✅	✅	✅	✅
Вертел	Cleanurls = False Trailingslash = False	связь	? 404	? 404	✅	✅	➡ /Папка	✅	✅	➡ /оба	✅	✅
Вертел	Cleanurls = False Trailingslash = True	связь	? 404	? 404	✅	➡ /Папка /	✅	✅	➡ /оба /	✅	✅	✅
Вертел	CleanUrls = True TrailingSlash = не определен	связь	✅	✅	➡ /файл	✅	✅	➡ /Папка	✅	✅	➡ /оба	➡ /оба
Вертел	Cleanurls = True Trailingslash = False	связь	✅	➡ /файл	➡ /файл	✅	➡ /Папка	➡ /Папка	✅	➡ /оба	➡ /оба	➡ /оба
Вертел	Cleanurls = True Trailingslash = True	связь	➡ /файл /	✅	➡ /файл /	➡ /Папка /	✅	➡ /Папка /	➡ /оба /	✅	➡ /оба /	➡ /оба /
CloudFlare Pages		связь	✅	➡ /файл	➡ /файл	➡ /Папка /	✅	➡ /Папка /	✅	✅	➡ /оба	➡ /оба /
Оказывать		связь	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Azure статические веб -приложения		связь	✅	➡ /файл	✅	✅	✅	✅	✅	✅	✅	✅

Требуется помощь

Давайте сохраним этот ресурс в актуальном состоянии и сделаем его исчерпывающим вместе.