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.txt
、images/photos/picture.png
和 .well-known/subfolder/config.json
。
與 output: "export"
設定一起使用時,/about
頁面將輸出 /about/index.html
(而不是預設的 /about.html
)。
版本歷史
版本 | 變更 |
---|---|
v9.5.0 | 新增 trailingSlash 。 |
這有幫助嗎?