React 不显示使用 Multer 上传的图像答案

【问题标题】：React doesn't display images uploaded with MulterReact 不显示使用 Multer 上传的图像
【发布时间】：2021-12-30 06:25:30
【问题描述】：

在使用 Multer 将图像上传到位于根目录下的上传文件夹（包含服务器文件夹和客户端文件夹）后，React 无法访问上传文件夹中的图像，因为 api/upload 路由仅返回一个字符串 /uploads/ the_image_name。

我认为我应该将图像上传到 React 文件夹中的公用文件夹，但我发现约定是在根目录中使用上传文件夹。

服务器：

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

【问题讨论】：

【解决方案1】：

这一行应该可以解决它：

app.use("/uploads", express.static('uploads'))

【讨论】：

【解决方案2】：

您需要实际提供位于 uploads 文件夹中的图像。一种方法是使用express static middleware。假设您的 uploads 文件夹位于您应用的根目录中，您只需将其添加到您的快速应用中：

app.use("/uploads", express.static('uploads'))

【讨论】：