跳至內容

結尾斜線

預設情況下,Next.js 會將帶有結尾斜線的網址重新導向至不帶結尾斜線的對應網址。例如,/about/ 將重新導向至 /about。您可以將此行為設定為相反的方式,讓不帶結尾斜線的網址重新導向至帶有結尾斜線的對應網址。

開啟 next.config.js 並新增 trailingSlash 設定

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

設定此選項後,像 /about 這樣的網址將重新導向至 /about/

output: "export" 設定搭配使用時,/about 頁面將輸出 /about/index.html(而非預設的 /about.html)。

版本歷史記錄

版本變更
v9.5.0新增 trailingSlash