html - Heroku Nodejs 服务器 img 文件不断出现 404

标签 html css heroku github http-status-code-404

background: url('img/edu2.jpg') center center no-repeat scroll;

该图像在本地主机中运行良好。当我将其部署到 Github 时,Heroku 会自动部署它。然而,Heroku 不断向我显示它无法获取此图像,并且服务器响应状态为 404。

那我该怎么办?

最佳答案

在 Google Chrome 中(与其他浏览器类似):右键单击图像,“检查”。在元素选项卡下,您可以在右侧框架(样式)中看到所有 CSS 样式。向下滚动到背景并检查它实际采用的图像路径(绝对地址)。您可以通过将鼠标悬停在相对地址上(或右键单击,在新选项卡中打开)来查看绝对地址。然后,检查这是否正确(显然不正确)。

问题是,img/edu2.jpg 是相对于 HTML 文件的路径。如果在开头添加 /,它将以网站的根目录作为其相对基础。

关于html - Heroku Nodejs 服务器 img 文件不断出现 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35055648/

相关文章:

html - 如何使用 HTML CSS 使图像居中

javascript - CSS 动画 Onclick

javascript - 如何跨域请求二进制数据?

javascript - 使用 Mirth Connect JavaScript 将条形码字体输出到 PDF

javascript - 使用 Javascript 将带有 mySql 数据库的 php 文件转换为 html

javascript - 自动隐藏在 WordPress 的屏幕图像 slider 后面

html - 与 btn-toolbar 中的 Bootstrap btn-groups 大小相等

database - Django 。南。英雄联盟。 key 错误 : 'default'

ruby - 导入数千条记录后无法推送到 Heroku

java - 如何在 Heroku 中将 JDK 1.8 更改为 JDK 11?