跳到內容

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