如何在 React Page 上顯示從后端（ExpressJS）提供的 static 文件？

Question

我正在使用 React（前端）和 Node/Express（后端）構建 web 應用程序。 現在，我將一些圖像存儲在“公共”文件夾中（在后端--express 中）。 我的目標是獲取存儲在服務器上的圖像並將它們顯示在我的前端頁面上。 有點像當您從服務器/數據庫獲取 JSON 數據時，將其轉換為 JSON 並將數據顯示到 HTML 頁面上。

我正在使用 express.static() 中間件來提供后端的圖像。 我的問題是：

1. 如何將圖像發送回前端，並使它們顯示在 HTML 頁面（React 組件）上？

因為當我使用 POSTMAN 並向后端發出請求時，圖像顯示在正文中：

但是每當我在 React 中對特定圖像發出請求（使用 fetch）時，頁面上什么都沒有顯示：

這是我的快遞代碼

我的后端文件夾結構：

這是我的反應代碼：

Answer 1

不要獲取圖像。
只需添加一個帶有 src 的圖像標簽作為文件的路徑，如下所示：

<img src="http://localhost:3000/GlobalSearch/ClubSearch/PlayerStats/Fisher.jpg" />

這應該可以解決您的問題。