Node.js Node/Express.js不在生产服务器上显示图像

我的

MERN

堆栈应用程序有问题。root express应用程序中的图像显示在开发环境中，但当我在heroku部署应用程序时，图像拒绝显示。我使用

app.use（express.static（'images'））

静态地提供图像，但它仍然不会显示在生产环境中。 这是express后端的

index.js

文件

app.use（'/images'，express.static（path.join（'images'））；
app.use（'/images/profilephotos'，express.static（path.join（uu dirname，'images/profilephotos'））；
app.use（'/images/productimages'，express.static（path.join（'images/productimages'））；
app.use（'/images/postmages'，express.static（path.join（u dirname，'images/postmages'））；
app.use（'/images/coverimages'，express.static（path.join（uu dirname，'images/coverimages'））能否请您共享post.image中的示例数据

另外，如果您像下面那样定义每个子文件夹的根目录，则不需要为每个子文件夹定义静态服务器

app.use（'/images'，express.static（path.join（'images'））
能否请您分享post.image中的示例数据

另外，如果您像下面那样定义每个子文件夹的根目录，则不需要为每个子文件夹定义静态服务器

app.use（'/images'，express.static（path.join（'images'））
src={'http://'+window.location.hostname+'/'+post.image}

反而

src={`/${post.image}}

这应该可以工作，并且您的
post.image
应该包含
/images
slug，或者您也需要将其附加到上面的src
src={'http://'+window.location.hostname+'/'+post.image}

反而

src={`/${post.image}}

这应该有效，并且您的
post.image
中应该有
/images
slug，或者您需要将其附加到上述src中
尝试通过浏览器中的url获取图像尝试通过浏览器中的url获取图像图像/coverimages/fd77fa88-8628-45a4-8f40-3fd46e525792 InterracialonBeach-1024x538.jpg。这是post.images如果你直接把这个url放在浏览器中会发生什么，它会显示图像吗？与localhost类似：PORT/images/coverimages/fd77fa88-8628-45a4-8f40-3fd46e525792 interracialonbeach-1024x538.jpgyes它可以工作，但在生产中它不能与站点URL一起工作。顺便说一句，您正在上载图像的位置？应用程序已部署到heroku。我猜图像是images/coverimages/fd77fa88-8628-45a4-8f40-3fd46e525792 interracialonbeach-1024x538.jpg。这是post.images如果你直接把这个url放在浏览器中会发生什么，它会显示图像吗？与localhost类似：PORT/images/coverimages/fd77fa88-8628-45a4-8f40-3fd46e525792 interracialonbeach-1024x538.jpgyes它可以工作，但在生产中它不能与站点URL一起工作。顺便说一句，您正在上载图像的位置？应用程序已部署到heroku。我猜图像在哪里