CSS 图像不加载 404 页面

Question

页面位于 example.co.in有一个自定义 404 页面位于 example.co.in/errors/404.html .

当我尝试从 errors 目录中访问一个不存在的页面时，就像这样 example.co.in/errors/baba (此页面不存在)我得到正确的 404 页面。但是，当我尝试从上面的目录或任何其他目录访问不存在的页面时，我得到了该页面但图像未加载。

图像与404.html 页面位于errors 目录中。

<img src="rajni.jpg">

如果我将图像放在主 html 目录 (www) 中，它就可以正常工作。问题是为什么 example.co.in/errors/baba工作和example.co.in/baba不工作？

编辑:由于 SEO 问题，链接已更改且无法使用。

Answer 1

您有一个到 <img> 的相对路径src .实际图像在 /errors/rajni.jpg .因此，仅当路径位于 /errors 中时才会加载图像。 .要解决此问题，只需更改 src :

<img src="/errors/rajni.jpg">

apache 提供服务的方式与浏览器请求它的方式不同。浏览器必须为其下载的每个资源(包括图像)发出单独的 HTTP 请求。它向 /not/a/page 发出一个请求. Apache 看到 /not/a/page and returns HTTP:404； html= (basically). The browser parses HTML, displays, and sees src=rajni.jpg . Then it makes another request:获取 HTTP 1.1/not/a/page/rajni.jpg`。 Apache 很高兴用另一个 404 响应