trailingSlash

デフォルトでは、Next.jsは末尾にスラッシュが付いたURLを、スラッシュが付いていない対応するURLにリダイレクトします。たとえば、/about/は/aboutにリダイレクトされます。この動作を逆に設定し、末尾にスラッシュがないURLを、スラッシュが付いた対応するURLにリダイレクトするように設定できます。

next.config.jsを開き、trailingSlashの設定を追加します：

next.config.js

module.exports = {
  trailingSlash: true,
}

このオプションを設定すると、/aboutのようなURLは/about/にリダイレクトされます。

trailingSlash: trueを使用する場合、特定のURLは例外となり、末尾にスラッシュが追加されません：

• 拡張子が付いた静的ファイルのURL
• .well-known/以下のパス

たとえば、次のURLは変更されません：/file.txt、images/photos/picture.png、および.well-known/subfolder/config.json

output: "export"設定と一緒に使用すると、/aboutページは/about/index.htmlを出力します（デフォルトの/about.htmlではなく）。

バージョン履歴

バージョン	変更点
v9.5.0	trailingSlashが追加されました。