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	✅	✅	✅	✅	✅	✅	✅	✅

把招工广告

让我们保持最新的资源，并将其详尽。