Menu

trailingSlash

デフォルトでNext.jsは、トレーリングスラッシュ(末尾のスラッシュ)付きのURLを、末尾のスラッシュなしの対応するURLにリダイレクトします。例えば /about//about にリダイレクトされます。この動作を逆にして、末尾のスラッシュなしのURLを、末尾のスラッシュ付きの対応するURLにリダイレクトするよう設定することもできます。

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

next.config.js
module.exports = {
  trailingSlash: true,
}

このオプションを設定すると、/about のようなURLは /about/ にリダイレクトされます。

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

バージョン履歴

バージョン変更内容
v9.5.0trailingSlash 追加。