如何在React组件中引用存储在mongodb上的文件路径？

Question

我有一个具有属性avatarImage的mongodb文档，它看起来像这样：

{
    ...,
    "avatarImage": "uploads/584563-jean.jpg",
    ...
}

然后在App.js组件中，我获取此对象并将存储在avatarImage中的路径用作图像源，如下所示：

<img src={`http://localhost:8080/${profileImage}`} />

profileImage是一个状态变量，它使用avatarImage值初始化。

但是图像完全不显示。上载文件夹位于root/uploads

中