部署到github页面时图像不会加载
我使用创建-反应-应用程序来构建一个简单的反应应用程序，但是，当我将项目部署到github页面时，图像不会加载，但是当我使用命令提示符部署应用程序时，它们加载得很好。
我在所有图像中都遇到此错误：
加载资源失败：服务器响应状态为404（）
任何帮助都将不胜感激。非常感谢。
共有3个答案
我今天也有同样的问题。问题在于文件路径。在github上部署项目时，它不在http://localhost:3000但是URL是http://YOUR_PROFILE.github.io将create react应用程序部署到包中的GitHub页面时。json添加
"homepage":"http://YOUR_PROFILE.github.io/MY_APP/"
我的应用程序更改为您的存储库名称。请记住，要将文件的结构设置为将images文件夹放在公共目录中，而不是src中。指向图像的路径，而不是“”/图片/照片1。jpg'或'/images/photo1。jpg'
将路径更改为：'。/MY_APP/images/photo1.jpg'
在我的情况下，它就像一个魅力。
即使这篇文章是旧的，也许会帮助其他网络开发人员或初学者。在gh页面上解决这个问题的一个快速方法是在您的路由、链接或img标签的路径中，在链接之前添加：${procces.env.PUBLIC_URL}。示例：对于路由路径中的主页：${process.env.PUBLIC_URL}/对于链接到${process.env.PUBLIC_URL}/home${process.env.PUBLIC_URL}/img/image.png
我在Web开发课程中学到了这个。
404表示它找不到图像。可能是您必须更改文件路径。如果可以，请为图像使用绝对路径。这样你就能确信它会起作用。否则，您必须通过更改路径来尝试它是否有效。例如，如果图像位于图像文件夹中。
试试看
/图像/图像1。jpg
或
./图像/图像1。jpg
-
我试图将我的Flutter应用程序部署到GitHub页面。应用程序运行良好与和构建成功使用 我将代码推送到我的存储库：https://github.com/learyjk/superpacecalcweb 部署活动日志显示已成功部署。但是当我点击“查看部署”按钮时，我只得到一个空白页面。Javascript控制台显示： 无法加载资源：服务器响应状态为404（）https://learyjk.git
-
嘿，我已经尝试了几天了，我已经遍历了文档，我遵循了教程，当我试图将react应用程序部署到github页面时，我无法通过npm运行部署。我将npm称为运行构建，我将正确的url放置到package.json作为“主页”，我再次调用它并获得“部署”和“预部署”，我在节点模块中肯定有gh-pages，我的意思是我得到了所有我遵循的每一个步骤，每个教程都可以告诉我。我遇到了一个问题，内容如下： 错误：无
-
我试图部署一个JavaRest服务器tomcat，使用Maven tomcat插件，但Tomcat不能正常工作。 部署时（通过-e tomcat7:deploy或-e tomcat7:redeploy），Tomcat会回复： 我已经检查过tomcat正在运行。我在上一个堆栈溢出上找到的修复都不起作用。 这是我对tomcat插件的pom配置： 这是我的maven设置： 这就是网络。xml: 我的配置
-
我正在按照本指南部署MERN stack app，使用heroku和github页面-https://github.com/juliojgarciaperez/deploy-mern Q1.我是否需要创建两个不同的存储库，一个用于后端，一个用于前端来连接到Heroku？（T.EX后端存储库到heroku管道）我最初在同一个存储库下开发了后端和前端。 Q2.我设法获得了指南中的步骤:3，并按照前面提
-
在本教程中，我们将会使用 Travis CI 将 Hexo 博客部署到 GitHub Pages 上。Travis CI 对于开源 repository 是免费的，但是这意味着你的站点文件将会是公开的。如果你希望你的站点文件不被公开，请直接前往本文 [私有 Repository](#私有 Repository) 部分。 新建一个 repository。如果你希望你的站点能通过域名 <你的 GitH
-
我部署了一个laravel应用程序到共享主机（host inger）。除了没有显示的图像，一切都很好。 我已经创建了一个符号链接的存储文件夹与我的public_html文件夹。上传的文件进入公共文件夹，但当我链接图像时，它们仍然不显示。 由于无法访问公用文件夹，我已创建指向公用html的符号链接。我需要你的帮助 我需要图像显示在浏览器上