图片路径返回 404 错误（未找到）答案

【问题标题】：Image path returns 404 error (Not Found)图片路径返回 404 错误（未找到）
【发布时间】：2017-09-19 04:56:45
【问题描述】：

我正在尝试访问我保存在嵌套目录中的图像。我正在使用 React 和 JSX，因此我希望保存图像的文件的路径如下所示：root/client/components/home/service.jsx。图片的路径如下所示：root/server/public/images/Mercedes-Benz-logo.png。在img标签的src属性中，我尝试了以下路径：

/server/public/images/Mercedes-Benz-logo.png
../../../server/public/images/Mercedes-Benz-logo.png
./../../../server/public/images/Mercedes-Benz-logo.png

所有这些都以 404（未找到）错误响应。任何有关为什么会发生这种情况的帮助或解释将不胜感激。如果您想查看我的源代码，click here 可以查看我的 Github 存储库。我还没有合并任何拉取请求，因此您必须单击单个提交。谢谢。

【问题讨论】：

你确定你不只是有一个案例问题 - 实际文件使用一个小“m”，但你列出的文件有一个大写“M”。

标签： javascript html css reactjs

【解决方案1】：

由于app.use(express.static(__dirname + '/public/')) 行，任何文件都需要从该文件夹中引用。在这里，您可以假装您的公用文件夹是提供文件的位置。要获取图像，只需使用相对于 public 文件夹的路径 → /images/Mercedes-Benz-logo.png

【讨论】：

谢谢！解决了这个问题。