trailingSlash
Por defecto, Next.js redirigirá las URLs con barras diagonales finales a sus contrapartes sin la barra diagonal. Por ejemplo, /about/ se redirigirá a /about. Puedes configurar este comportamiento para que actúe de manera opuesta, donde las URLs sin barras diagonales finales se redirijan a sus contrapartes con barras diagonales finales.
Abre next.config.js y agrega la configuración trailingSlash:
module.exports = {
trailingSlash: true,
}Con esta opción activada, URLs como /about se redirigirán a /about/.
Cuando se usa trailingSlash: true, ciertas URLs son excepciones y no tendrán una barra diagonal final:
- URLs de archivos estáticos, como archivos con extensiones.
- Cualquier ruta bajo
.well-known/.
Por ejemplo, las siguientes URLs permanecerán sin cambios: /file.txt, images/photos/picture.png, y .well-known/subfolder/config.json.
Cuando se usa con la configuración output: "export", la página /about generará /about/index.html (en lugar del valor por defecto /about.html).
Historial de versiones
| Versión | Cambios |
|---|---|
v9.5.0 | Se añadió trailingSlash. |