React：从我的 Node 后端导入图像答案

【问题标题】：React: import an image from my Node backendReact：从我的 Node 后端导入图像
【发布时间】：2021-12-14 21:33:01
【问题描述】：

在我的后端，我使用 Multer 将图像保存在我的服务器中。它们保存在我的图片文件夹中：

通过 react，我尝试恢复这些图像。我的道具中有图像的 URL（mediaURL 是 http://localhost:4200/images/1635506218497.png），所以我做了一个 src={mediaURL} 但它不会向我显示图像，只有 alt属性。

所以我尝试手写图像的绝对路径或相对路径，但出现错误：“未找到模块：您尝试导入 ../../../../ ../ ../back-end/images/1635506218497.png 位于项目 src / 目录之外。不支持 src / 之外的相对导入。"

如果我尝试通过模块导入图像也是如此。

这是我的正面：

如何显示我的图像？

我不知道它是否相关，但是当我在浏览器中输入 http://localhost:4200 / images / 1635506218497.png 时，我有一个“Cannot GET /images/1635506218497.png”但我的后端正在运行在 4200 端口上。

【问题讨论】：

有人可以帮忙吗？ ://
问题不在于 React。如果您无法直接通过 URL 请求图像，则问题必须出在后端。如果您的后端成功地提供了图像，那么据我所知，您的 React 将可以正常工作。
您在使用static 中间件吗？ stackoverflow.com/questions/10434001/…
您好，感谢您的帮助。事实上，问题出在 Node 上，事实上，我没有使用静态中间件。所以我把 app.use('/images', express.static(path.join(__dirname, 'images')));在我的 app.js 中，一切正常。谢谢！

【解决方案1】：

好吧，我只是忘记在我的 app.js 中使用静态中间件。

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

现在它的工作

【讨论】：