trailingSlash

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

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

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 の代わりに) として出力されます。

バージョン履歴