trailing slash guide

拖延斜線指南

在生產中部署靜態網站後，是否會出現斜線問題？

該回購從事實上解釋了：

• 靜態站點發生器
• 託管提供商

我們還建議一些可能的解決方案

簡介

讓我們更熟悉落後的問題。

常見問題：

• seo /perf問題：當瀏覽/myPath時，主機將重定向到/myPath/
• 404問題：相對鏈接，例如<a href="otherPath">的解決方案有所不同（ /otherPath或/myPath/otherPath
• UX問題：您的主機添加了一個尾隨的斜線，然後您的單頁啟動前端路由器將其刪除，從而導致令人困惑的體驗和閃爍的URL

原因：

• 靜態站點生成器可以為同一路徑/myPath發出不同的文件： /myPath.html或/myPath/index.html （以後可以導致額外的拖延斜線）
• 主機提供商在服務靜態文件時都有不同的行為，沒有標準

概括

考慮到這個靜態站點：

static
│
├── file.html
│
├── folder
│   └── index.html
│
├── both.html
└── both
    └── index.html

各種靜態託管提供商的行為：

主持人	設定	URL	/文件	/文件/	/file.html	/文件夾	/文件夾/	/folder/index.html	/兩個都	/兩個都/	/both.html	/both/index.html
github頁面		關聯	✅	？ 404	✅	➡️ /文件夾 /	✅	✅	✅	✅	✅	✅
Netlify	默認：漂亮的網址	關聯	✅	➡️ /file	✅	➡️ /文件夾 /	✅	✅	✅	➡️ /兩者	✅	✅
Netlify	漂亮的網址	關聯	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
動詞	默認值：cleanurls = false trailingslash = undefined	關聯	？ 404	？ 404	✅	✅	✅	✅	✅	✅	✅	✅
動詞	cleanurls = false trailingslash = false	關聯	？ 404	？ 404	✅	✅	➡️ /文件夾	✅	✅	➡️ /兩者	✅	✅
動詞	cleanurls = false trailingslash = true	關聯	？ 404	？ 404	✅	➡️ /文件夾 /	✅	✅	➡️ /兩者 /	✅	✅	✅
動詞	cleanurls = true trailingslash =未定義	關聯	✅	✅	➡️ /file	✅	✅	➡️ /文件夾	✅	✅	➡️ /兩者	➡️ /兩者
動詞	cleanurls = true trailingslash = false	關聯	✅	➡️ /file	➡️ /file	✅	➡️ /文件夾	➡️ /文件夾	✅	➡️ /兩者	➡️ /兩者	➡️ /兩者
動詞	cleanurls = true trailingslash = true	關聯	➡️ /file /	✅	➡️ /file /	➡️ /文件夾 /	✅	➡️ /文件夾 /	➡️ /兩者 /	✅	➡️ /兩者 /	➡️ /兩者 /
Cloudflare頁面		關聯	✅	➡️ /file	➡️ /file	➡️ /文件夾 /	✅	➡️ /文件夾 /	✅	✅	➡️ /兩者	➡️ /兩者 /
使成為		關聯	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅
Azure靜態Web應用程序		關聯	✅	➡️ /file	✅	✅	✅	✅	✅	✅	✅	✅

把招工廣告

讓我們保持最新的資源，並將其詳盡。