尾部斜杠
默认情况下,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/index.html
(而不是默认的 /about.html
)。
版本历史
版本 | 变更 |
---|---|
v9.5.0 | 引入 trailingSlash 。 |