将 React 项目部署到 github 页面面临公用文件夹中图像的问题

Question

我在Github上部署我的react js项目遇到了麻烦。

简而言之，HTML 文件中的 javascript 工作正常，但我放在公用文件夹中的所有图像和 PDF 文件似乎未被服务器读取。 这些图像和 PDF 文件存在于 BUILD 文件夹中，但无法在页面上显示。 控制台中每个图像的错误消息是：

[ 加载资源失败：服务器响应状态为 404 () ]

你们怀疑这可能是什么问题？ 是因为我直接用<img src="/barbell.svg">引用了那些图片所以部署后它们无法匹配图像文件名吗？

BUILD文件夹中的图像和PDF

控制台中的 Github 页面和错误消息

Answer 1

如果您的图像位于公共文件夹中，请尝试使用<img src={process.env.PUBLIC_URL + "/barbell.svg"}> 。