我正在使用create-react-app构建一个简单的React应用程序，但是，当我将项目部署到github页面时，图像将不会加载，但是当我使用命令提示符部署应用程序时，图像加载就很好了。 / p>
对于所有图像我都收到此错误：
无法加载资源：服务器的状态为404（）
任何帮助将不胜感激。谢谢！
答案 0 :(得分：1)
即使这篇文章很旧，也可能会帮助其他 Web 开发人员或初学者。
在 gh-pages 上快速解决此问题的方法是添加：
${procces.env.PUBLIC_URL}
在您的 Route、Link 或 img 标签的路径中，在您的链接之前。
例子：
对于路线路径中的主页：${process.env.PUBLIC_URL}/
对于链接到的主页：${process.env.PUBLIC_URL}/home
${process.env.PUBLIC_URL}/img/image.png
我是在 Web 开发课程中学到的。
答案 1 :(得分：0)
404表示找不到图像。您可能必须更改文件路径。如果可以，请为图像使用绝对路径。这样，您将确定它会起作用。否则，您必须通过更改路径来尝试是否可行。例如，如果您的图像位于图像文件夹中。
尝试
/images/image1.jpg
或
./ images / image1.jpg
答案 2 :(得分：0)
我今天遇到了同样的问题。问题出在文件路径上。当您在 github 上部署项目时，它不在 http://localhost:3000 上，但 URL 是 http://YOUR_PROFILE.github.io 在 package.json 中将 create-react-app 部署到 GitHub Pages 时添加
"homepage":"http://YOUR_PROFILE.github.io/MY_APP/"
MY_APP 更改为您的存储库名称。请记住将文件构造为在公共目录中而不是在 src 中具有图像文件夹。图片的路径，而不是 './images/photo1.jpg' 或 '/images/photo1.jpg'
<块引用>更改路径为：'./MY_APP/images/photo1.jpg'
就我而言，它就像一种魅力。