GET http://localhost:3000/uploads/image.jpg 404 (Not Found)

Question

我正在构建一个显示图像的简单应用程序。图片位于public/uploads。当我复制路径http://localhost:3000/uploads/image.jpg并粘贴URL时，我可以看到该图像，但我无法将其加载到页面中。

下面是我的代码:

<img src={product.image && product.image.imagePath} alt={product.image && product.image.imageName}/>

Answer 1

在这个代码片段中似乎工作得很好。问题可能是别的。

const product = { image: { imagePath: "https://via.placeholder.com/150", imageName: "sample"}}
ReactDOM.render(<img src={product.image && product.image.imagePath} alt={product.image && product.image.imageName} />,   document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="app"> </div>