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:

next.config.js
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ónCambios
v9.5.0Se añadió trailingSlash.

On this page