Express.js-圖片僅在一頁上呈現

Question

我正在嘗試使用Pug和Express在多個頁面上顯示圖像。 但是我遇到了一些麻煩。

圖像應在路線“ /”，“數據”，“更新”上的頁面上呈現。 它已成功呈現在根目錄“ /”上，但隨后從“源”文件夾中消失了。

在app.js中，我具有有關所有路由處理程序的中間件：

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

在公用文件夾中，我還有文件styles.css，在其他頁面上也可以正常顯示。

我通過把它固定

  img(src="/image.jpg") 

代替

   img(src="image.jpg)

有人知道為什么嗎？

Answer 1

假設您的網頁上有以下網址（加載圖片或其他內容）：

  <img src="image.jpg" />

現在，如果該模板位於主頁上，例如http://example.com/ ，它將指向http://example.com/image.jpg ，它將點擊快速靜態路由，一切都很好。 現在，您訪問http://example.com/something ，並且當tze圖片作為我們的相對網址時，它將指向http://example.com/something/image.jpg 。 並且該文件不存在。 現在，如果將圖像更改為：

  <img src="/image.jpg" />

它相對於頁面根目錄 （ http://example.com ），因此它將始終有效。