Menu

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.txtimages/photos/picture.png.well-known/subfolder/config.json

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

バージョン履歴

バージョン変更内容
v9.5.0trailingSlashが導入されました。