使用 Node/Express 服務 static 個文件

Question

我創建了一個 node express 應用程序，並在我的 express 應用程序 app.ts 中為 static 資源定義了一個路徑：

app.use(express.static(path.join(__dirname, 'public')));

當我在主級別時，我的 static 文件得到很好的服務，例如 localhost:3000/products 但我在輔助路徑上得到 404 返回代碼，例如 localhost:3000/products/details 使用此指令：

<img src="images/image1.jpg" class="card-img" alt="...">

我究竟做錯了什么？

預先感謝您的幫助。

Answer 1

不要為頁面中的 URL 使用相對路徑。 以/開始它們。 改變這個：

<img src="images/image1.jpg" class="card-img" alt="...">

對此：

<img src="/images/image1.jpg" class="card-img" alt="...">

當路徑不以/開頭時，瀏覽器會在向服務器請求之前將包含頁面 URL 的路徑添加到 URL，因為對服務器的所有請求都必須是絕對 URL。 一旦您不再位於頂級頁面上，這就會讓事情崩潰。 但是，如果您的 URLS 總是以/開頭，那么瀏覽器在請求它之前不必弄亂 URL 的路徑。