跳到主要内容

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