圖像路徑返回404錯誤（未找到）

Question

我正在嘗試訪問已保存在嵌套目錄中的圖像。 我正在使用React和JSX，因此要保存圖像的文件路徑如下所示：root / client / components / home / service.jsx。 圖像的路徑如下所示：root / server / public / images / Mercedes-Benz-logo.png。 在img標簽src屬性中，我嘗試了以下路徑：

/server/public/images/Mercedes-Benz-logo.png
../../../server/public/images/Mercedes-Benz-logo.png
./../../../server/public/images/Mercedes-Benz-logo.png

所有這些都以404錯誤（未找到）響應。 任何幫助或解釋，為什么會發生這種情況將不勝感激。 如果您想查看我的源代碼， 請單擊此處查看我的Github存儲庫。 我還沒有合並任何拉取請求，因此您將必須單擊單個提交。 謝謝。

Answer 1

由於行app.use(express.static(__dirname + '/public/')) ，因此需要從該文件夾中引用任何文件。 在這里，您可以假裝公共文件夾是文件的存放位置。 為了獲得一個圖像，只需使用相對路徑public文件夾→ /images/Mercedes-Benz-logo.png