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

バージョン履歴