【问题标题】:Heroku Nodejs Server img file keep getting 404Heroku Nodejs Server img文件不断收到404
【发布时间】:2016-05-05 11:36:53
【问题描述】:
background: url('img/edu2.jpg') center center no-repeat scroll;

此图像在 localhost 中运行良好。当我将它部署到 Github 时,Heroku 会自动部署它。但是,Heroku 一直显示它无法获取此图像,并且服务器以 404 状态响应。

那我该怎么办?

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

    • 我在开头加了/,还是不行。我遵循了您的程序,但它仍然向我显示此空白页面,并显示一条消息“无法获取 /img/edu2.jpg”。该空白页面的 URL 是“mark-wen-home.herokuapp.com/img/edu2.jpg
    • 图片的正确路径是什么(绝对)?您需要调整相对 URL,以便它链接到正确的绝对 URL。相对 URL 开头的 / 使其仅相对于根路径。如果这不是正确的链接,那么它显然不起作用。
    • 我认为这是相对的。只有这个特定的图像不工作,同一文件夹中的其他图像工作正常
    • 这张图片与其他(也在 CSS 背景中定义的)图片的相对路径有何不同?他们看起来也像url('img/filename.jpg')吗?
    【解决方案2】:

    这很可能是相对路径的问题。第一步是通过查看浏览器开发人员工具中的控制台来发现浏览器试图从哪个 URL 获取资源。如果您将面临此错误的网站及其背后的源代码链接起来,这将非常有帮助,以便外人可以对其进行调试。

    【讨论】:

      猜你喜欢
      • 2013-03-13
      • 2018-07-28
      • 2012-03-26
      • 2010-10-17
      • 2023-03-11
      • 1970-01-01
      • 2019-12-06
      • 1970-01-01
      • 2018-09-16
      相关资源
      最近更新 更多