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.0trailingSlash が追加されました。

On this page