trailingSlash

默认情况下,Next.js 会将带尾部斜杠的 URL 重定向至不带斜杠的对应地址。例如 /about/ 会被重定向到 /about。您可以配置此行为使其反向操作,即将不带尾部斜杠的 URL 重定向至带斜杠的对应地址。

打开 next.config.js 文件并添加 trailingSlash 配置:

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

设置此选项后,类似 /about 的 URL 将被重定向至 /about/

当使用 trailingSlash: true 时,某些 URL 属于例外情况,不会追加尾部斜杠:

  • 静态文件 URL(如带扩展名的文件)
  • .well-known/ 下的所有路径

例如,以下 URL 将保持不变:/file.txtimages/photos/picture.png.well-known/subfolder/config.json

当与 output: "export" 配置一起使用时,/about 页面将输出为 /about/index.html(而非默认的 /about.html)。

版本历史

版本变更
v9.5.0新增 trailingSlash 功能。

On this page