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

React doesn't display images uploaded with Multer

在使用 Multer 将图片上传到位于服务器文件夹和客户端文件夹的根目录中的上传文件夹后,React 无法访问上传文件夹中的图像,因为 api/upload 路由 returns 只是一个字符串 /uploads/the_image_name.

我想我应该将图像上传到 React 文件夹中的 public 文件夹,但我发现惯例是使用根目录中的上传文件夹。

服务器:

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

您需要实际提供驻留在 uploads 文件夹中的图像。一种方法是使用 express static middleware。假设您的 uploads 文件夹位于应用程序的根目录中,您只需添加到您的 Express 应用程序:

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

这一行应该可以解决:

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