บางทีฉันอาจมีความคิดทั้งหมดนี้ผิด ดังนั้นเรามาดูกันดีกว่า ฉันมี HTML ต่อไปนี้
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="/xyz">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<app-root></app-root>
<script src="runtime.js" defer=""></script><script src="polyfills.js" defer=""></script><script src="main.js" defer=""></script></body>
</html>
ตอนนี้ เมื่อฉันพยายามโหลดสิ่งนี้ในเบราว์เซอร์ด้วย URL ต่อไปนี้: http://localhost:8080/xyz มันจะโหลด index.html แต่สำหรับเนื้อหาทั้งหมด (สไตล์และไฟล์จาวาสคริปต์) ฉันได้รับ 404
ฉันคาดหวังเพราะฉันมี ฐาน href=/xyz ที่จะนำหน้า URL เนื้อหาทั้งหมดด้วย URL นั้น แต่อย่างที่คุณเห็นแล้วว่าไม่มี
เพื่อความสมบูรณ์ นี่คือโครงสร้างไฟล์ของฉัน:
./server.js
./xyz/index.html
styles.css
.....
ดังนั้นเซิร์ฟเวอร์จึงให้บริการไฟล์ทั้งหมดจากเส้นทาง /xyz