无法显示来自后端快速反应的图像

Question

我有一个后端服务器，其根目录中直接有一个上传文件夹。

在我的后端 http://localhost:4000 中，我有我的上传文件夹，我想显示与我在后端中为每个元素给出的 url 匹配的图像：

     const url = "http://localhost:4000/"
    {filteredDrawings && filteredDrawings.map((drawing) => (
    etc...
 <div className='cardimage-container'>
   <Card.Img variant='top' src={`${url}/${drawing.imageLink}`} />
 </div>

检查我的咖啡机时，我将 src="upload/testupload.jpg" 显示为图像的 src，但我没有显示任何内容

我在我的后端应用中写了app.use("/upload", express.static(path.join(__dirname, "../upload")));。

当我尝试 http://localhost:4000/upload/uploadtest.jpg 时，出现“无法获取 /upload/uploadtest.jpg”

提前致谢

Answer 1

好的问题解决了，问题是引用不是'而是`

app.use(`/upload`, express.static(`upload`));

Answer 2

您遇到的错误是因为路由 /upload/uploadtest.jpg 没有很好地定义为 nodejs 中的路由，您应该根据 id 或其他标识符读取文档并以二进制形式返回。 至于反应尝试 {{ }} 没有 $ 在这种情况下，它应该可以正常工作