trailing slash guide

คู่มือเฉือนต่อท้าย

มีปัญหา Slash ต่อท้ายหลังจากปรับใช้เว็บไซต์คงที่ในการผลิตหรือไม่?

repo นี้อธิบายพฤติกรรมของ:

• เครื่องกำเนิดไซต์คงที่
• ผู้ให้บริการโฮสติ้ง

นอกจากนี้เรายังแนะนำวิธีแก้ปัญหาที่เป็นไปได้

อินโทร

มาทำความคุ้นเคยกับปัญหาสแลชต่อท้าย

ปัญหาทั่วไป :

• ปัญหา 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		➡ /โฟลเดอร์ /
ทำให้เป็นตะลึง	ค่าเริ่มต้น: URL ที่สวยงาม	การเชื่อมโยง		➡ /ไฟล์		➡ /โฟลเดอร์ /				➡ /ทั้งสอง
ทำให้เป็นตะลึง	url สวย ๆ	การเชื่อมโยง
vercel	ค่าเริ่มต้น: CleanUrls = trailingsinglash false = undefined	การเชื่อมโยง	- 404	- 404
vercel	CleanUrls = เท็จ trailingslash = false	การเชื่อมโยง	- 404	- 404			➡ /โฟลเดอร์			➡ /ทั้งสอง
vercel	CleanUrls = เท็จ trailingslash = true	การเชื่อมโยง	- 404	- 404		➡ /โฟลเดอร์ /			➡ /ทั้งสอง /
vercel	CleanUrls = True Trailingslash = undefined	การเชื่อมโยง			➡ /ไฟล์			➡ /โฟลเดอร์			➡ /ทั้งสอง	➡ /ทั้งสอง
vercel	CleanUrls = True Trailingslash = FALSE	การเชื่อมโยง		➡ /ไฟล์	➡ /ไฟล์		➡ /โฟลเดอร์	➡ /โฟลเดอร์		➡ /ทั้งสอง	➡ /ทั้งสอง	➡ /ทั้งสอง
vercel	CleanUrls = True Trailingslash = True	การเชื่อมโยง	➡ /ไฟล์ /		➡ /ไฟล์ /	➡ /โฟลเดอร์ /		➡ /โฟลเดอร์ /	➡ /ทั้งสอง /		➡ /ทั้งสอง /	➡ /ทั้งสอง /
หน้าเมฆ		การเชื่อมโยง		➡ /ไฟล์	➡ /ไฟล์	➡ /โฟลเดอร์ /		➡ /โฟลเดอร์ /			➡ /ทั้งสอง	➡ /ทั้งสอง /
ทำให้		การเชื่อมโยง
แอปแอพ Azure Static		การเชื่อมโยง		➡ /ไฟล์

ต้องการความช่วยเหลือ

มาเก็บทรัพยากรนี้ไว้เป็นปัจจุบันและทำให้มันครบถ้วนสมบูรณ์