trailingSlash
デフォルトでは、Next.jsは末尾にスラッシュがあるURLを末尾のスラッシュがない対応するURLにリダイレクトします。例えば、/about/は/aboutにリダイレクトされます。この動作を逆に設定することもでき、末尾にスラッシュがないURLが末尾にスラッシュがある対応するURLにリダイレクトされるようになります。
next.config.jsを開き、trailingSlash設定を追加します:
next.config.js
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として出力されます。
バージョン履歴
| バージョン | 変更内容 |
|---|---|
v9.5.0 | trailingSlashが導入されました。 |