自定义错误404页面配置错误

Question

我配置了.htaccess文件：

RewriteEngine On
ErrorDocument 404 /page-404.html

当我输入时，这可以正常工作：www.mydomain.com/whatever-to-get-404-error，但是，当我使用www.mydomain.com/some_folder/whatever-to-get-404-error时，我得到了一个没有CSS的页面。我的浏览器开始在“some_folder”中查找css，这当然不存在。

为什么会发生这种情况，我该如何解决？

Answer 1

请勿在404页面的标记中使用CSS文件的相对路径。使用绝对路径（最简单的方法，使用/启动路径。）

<link rel="stylesheet" type="text/css" href="404.css">

这是一个亲戚href，它会在404.css的当前文件夹中显示。

<link rel="stylesheet" type="text/css" href="/404.css">
                                            ^^^

这是一个绝对路径，它会在404.css的根文件夹中显示。

Answer 2

使用绝对URL是最佳选择。如果您有太多的地方需要更改，那么您可以尝试在页面的HTML标题中添加它：

<base href="/" />