我正在尝试访问已保存在嵌套目录中的图像。我正在使用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回购。我还没有合并任何拉取请求,因此您必须单击各个提交。谢谢。
答案 0 :(得分:2)
由于行app.use(express.static(__dirname + '/public/'))
,需要从该文件夹中引用任何文件。在这里,您可以假装您的公用文件夹是文件的提供位置。要获取图像,只需使用相对于public
文件夹→/images/Mercedes-Benz-logo.png