Reactjs 部署到github页面时将不会加载图像
我正在使用create-react-app构建一个简单的react-app,但是,当我将项目部署到github页面时,图像不会加载,但是当我使用命令提示符部署应用时,图像加载很好 我在所有图像中都遇到此错误: 加载资源失败:服务器响应状态为404()Reactjs 部署到github页面时将不会加载图像,reactjs,image,web,deployment,github-pages,Reactjs,Image,Web,Deployment,Github Pages,我正在使用create-react-app构建一个简单的react-app,但是,当我将项目部署到github页面时,图像不会加载,但是当我使用命令提示符部署应用时,图像加载很好 我在所有图像中都遇到此错误: 加载资源失败:服务器响应状态为404() 任何帮助都将不胜感激。谢谢大家! 404表示它找不到图像。可能是您必须更改文件路径。如果可以,请为图像使用绝对路径。这样你就能确信它会起作用。否则,您必须通过更改路径来尝试它是否有效。例如,如果图像位于图像文件夹中 试一试 /images/imag
任何帮助都将不胜感激。谢谢大家! 404表示它找不到图像。可能是您必须更改文件路径。如果可以,请为图像使用绝对路径。这样你就能确信它会起作用。否则,您必须通过更改路径来尝试它是否有效。例如,如果图像位于图像文件夹中 试一试 /images/image1.jpg 或
/images/image1.jpg我今天也有同样的问题。问题在于文件路径。在github上部署项目时,它不在http://localhost:3000 但是URL是 将create react应用程序部署到package.json中的GitHub页面时添加
"homepage":"http://YOUR_PROFILE.github.io/MY_APP/"
我的应用程序更改为您的存储库名称。请记住,要将文件的结构设置为将images文件夹放在公共目录中,而不是src中。指向图像的路径,而不是“/images/photo1.jpg”或“/images/photo1.jpg”
将路径更改为:。/MY_APP/images/photo1.jpg'
在我的例子中,它就像一个符咒。起初它是这样的:assets/teatimges/eb.jpg,然后我将它改为:../assets/teatimges/eb.jpg,但它仍然不能在只有一个点的github pagestry上工作。而且/assets/teatimges/eb.jpgI也尝试了这两种解决方案,但似乎都不起作用。同样,如果我从cmd部署,它工作得很好,当我在github页面上部署时,它不会加载映像。