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/ 配下の任意のパス。

たとえば、/file.txt、images/photos/picture.png、.well-known/subfolder/config.json などのURLは変更されません。

output: "export" 設定と組み合わせて使用する場合、/about ページは /about/index.html (デフォルトの /about.html ではなく) を出力します。

バージョン履歴