如何在 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" />

这应该可以解决您的问题。