trailingSlash

Par défaut, Next.js redirige les URL avec une barre oblique finale vers leur équivalent sans barre oblique. Par exemple, /about/ sera redirigé vers /about. Vous pouvez configurer ce comportement pour qu'il fonctionne de manière inverse, où les URL sans barre oblique finale sont redirigées vers leur équivalent avec une barre oblique.

Ouvrez next.config.js et ajoutez la configuration trailingSlash :

next.config.js
module.exports = {
  trailingSlash: true,
}

Avec cette option activée, les URL comme /about seront redirigées vers /about/.

Lorsque vous utilisez trailingSlash: true, certaines URL sont des exceptions et n'auront pas de barre oblique finale ajoutée :

  • Les URL de fichiers statiques, comme les fichiers avec des extensions.
  • Tous les chemins sous .well-known/.

Par exemple, les URL suivantes resteront inchangées : /file.txt, images/photos/picture.png, et .well-known/subfolder/config.json.

Lorsqu'elle est utilisée avec la configuration output: "export", la page /about produira /about/index.html (au lieu de /about.html par défaut).

Historique des versions

VersionChangements
v9.5.0Ajout de trailingSlash.

On this page