同时反应express - 无法显示从根/公共上传的图像

Question

我有一个父文件夹，里面有2个文件夹，后端和客户端，后端是

express

，客户端是

react

。

我可以使用

multer

将图像上传到

parent/public

（它来自我同时运行 Express 和 React 的父文件夹），但是我有 2 个问题（我在 Windows 上）：

1. 我得到了一个带有

   \

   而不是

   /

   的图像路径，例如

   /uploads\image-1712932464733.jpg

2. 我无法在前端显示根公共文件夹中的图像，因此

   <img src="/uploads/image-1712932861069.jpg"

   给出了

   404

   错误，

   图片-1712932861069.jpg:1 获取http://localhost:3000/uploads/image-1712932861069.jpg 404（未找到）

我的反应应用程序在

http://localhost:3000/

运行，我知道

public

文件夹不在

client

文件夹中，而是在上面的文件夹中（父级），但是我正在观看的教程是这样做的并且它有效。

文件夹结构：

app
    uploads
    client (port 3000)
    backend (port 5000)

用 multer 上传代码：

const storage = multer.diskStorage({
  destination(req, file, cb) {
    cb(null, "uploads/");
  },
  filename(req, file, cb) {
    cb(
      null,
      `${file.fieldname}-${Date.now()}${path.extname(file.originalname)}`
    );
  },

Answer 1

您是否在 Express 端点中指定读取图像？