trailing slash guide

Guía de barras de corte

¿Tiene problemas de corte trasero después de implementar un sitio web estático en producción?

Este repositorio explica de hecho el comportamiento de:

• Generadores de sitios estáticos
• Hosting Providers

También sugerimos algunas posibles soluciones

Introducción

Vamos a familiarizarnos más con los problemas de corte.

Problemas comunes :

• Problemas de SEO /perf: al navegar /myPath , su anfitrión redirige a /myPath/
• 404 problemas: el enlace relativo como <a href="otherPath"> se resuelve de manera diferente ( /otherPath o /myPath/otherPath dependiendo de la presencia /ausencia de una barra de corte final
• Problemas de UX: su anfitrión agrega una barra de corte, y luego su enrutador de la aplicación de una sola página lo elimina, lo que lleva a una experiencia confusa y URL parpadeante

Causas :

• Los generadores de sitios estáticos pueden emitir diferentes archivos para la misma ruta /myPath : /myPath.html o /myPath/index.html (el último puede conducir a una barra de arrastre adicional)
• Todos los proveedores de host tienen un comportamiento diferente al servir archivos estáticos, no hay estándar

Resumen

Teniendo en cuenta este sitio estático:

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

Comportamiento de varios proveedores de alojamiento estático:

Anfitrión	Ajustes	Url	/archivo	/archivo/	/file.html	/carpeta	/carpeta/	/folder/index.html	/ambos	/ambos/	/both.html	/both/index.html
Páginas de Github		enlace	✅	? 404	✅	➡️ /carpeta /	✅	✅	✅	✅	✅	✅
Netlificar	Valor predeterminado: bonitas urls en	enlace	✅	➡️ /archivo	✅	➡️ /carpeta /	✅	✅	✅	➡️ /Ambos	✅	✅
Netlificar	Bonitas urls apagadas	enlace	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Velo	Predeterminado: cleanurls = falso trailingslash = indefinido	enlace	? 404	? 404	✅	✅	✅	✅	✅	✅	✅	✅
Velo	CleanUrls = False TrailingsLash = False	enlace	? 404	? 404	✅	✅	➡️ /carpeta	✅	✅	➡️ /Ambos	✅	✅
Velo	CleanUrls = False TrailingsLash = True	enlace	? 404	? 404	✅	➡️ /carpeta /	✅	✅	➡️ /ambos /	✅	✅	✅
Velo	CleanUrls = True TrailingsLash = Undefined	enlace	✅	✅	➡️ /archivo	✅	✅	➡️ /carpeta	✅	✅	➡️ /Ambos	➡️ /Ambos
Velo	CleanUrls = True TrailingsLash = False	enlace	✅	➡️ /archivo	➡️ /archivo	✅	➡️ /carpeta	➡️ /carpeta	✅	➡️ /Ambos	➡️ /Ambos	➡️ /Ambos
Velo	CleanUrls = True TrailingsLash = True	enlace	➡️ /archivo /	✅	➡️ /archivo /	➡️ /carpeta /	✅	➡️ /carpeta /	➡️ /ambos /	✅	➡️ /ambos /	➡️ /ambos /
Páginas de Cloudflare		enlace	✅	➡️ /archivo	➡️ /archivo	➡️ /carpeta /	✅	➡️ /carpeta /	✅	✅	➡️ /Ambos	➡️ /ambos /
Prestar		enlace	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Aplicaciones web estáticas de Azure		enlace	✅	➡️ /archivo	✅	✅	✅	✅	✅	✅	✅	✅

Se busca ayudante

Mantengamos este recurso actualizado y lo hagamos exhaustivo juntos.