跳到内容

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.txtimages/photos/picture.png.well-known/subfolder/config.json

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

版本历史

版本变更
v9.5.0添加了 trailingSlash