reactjs - 将反应项目部署到 github 页面面临公共文件夹中图像的问题

Question

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

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

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

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

BUILD 文件夹中的图像和 PDF

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

标签： reactjsdeploymentreact-router-domgithub-pagespublic

Answer 1

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