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.html ではなく）/about/index.html を出力します。

バージョン履歴