自定义 403 错误页面未加载 CSS

Posted 2023-03-31

【中文标题】自定义 403 错误页面未加载 CSS

【英文标题】：Custom 403 Error Page not loading CSS

【发布时间】：2017-06-11 04:36:08

【问题描述】：

我遇到了一个问题，即我的自定义 403 错误页面似乎没有加载 CSS 文件，我有一个运行良好的自定义 404 错误页面，我的 403 页面上有完全相同的代码，只需进行一些调整到标题和正文文本。我在 Ubuntu 上运行 Apache2。

谢谢

哈利

【问题讨论】：

根据您的说法，您所做的一些调整可能已经破坏了代码，如果您能提供一些代码，我们可以更好地了解您的问题。

我不认为是这样，我所做的只是将标题中的 404 更改为 403，然后“抱歉，请求的页面不存在”。到“对不起，您没有访问该页面的权限”我什至复制了 404 错误页面并更改了名称，因此它会认为它是 403 错误页面但没有区别

403页面和404在同一目录下吗？ id 和 classes 的名字是一样的吗？

是的，你所说的 id 和 classes 是什么意思？

html中元素的名称，确保类（class="you_class"）与CSS中使用的404页面中的相同。同样，如果您可以提供一些代码，我们可以更好地提供帮助。

【参考方案1】：

403 错误意味着用户试图访问的文件被禁止。而是返回 403 文件。

但是，您尝试在 403 中访问的 CSS 文件可能也被禁止，因此没有可使用的样式文件。

尝试将样式放在 403 文件本身中。

【讨论】：

如何禁止CSS文件？

为什么不呢？它可能位于被禁止的目录/文件夹中，或者出于任何其他原因导致首先触发 403。尝试将 CSS 放在文件本身中，看看它是否被拾取。

我有许多不同的 CSS 元素构成了 HTML 文档，我将尝试编写一些垃圾的 HTML 代码来说明问题

【参考方案2】：

一个老问题，但我刚才也有同样的问题。我想出了一个办法，因为这还没有完全回答，这是我的 2 美分。

使用完整的 url 来调用 css 文件。为我工作。

【参考方案3】：

我建议使用您希望在 html 页面中采用的 CSS 代码的确切网址。例如，如果您在 HTML 文件的同一目录中使用名为 CSS 的文件夹中的 css 文件，请替换以下示例：

<link rel="stylesheet" href="CSS/yourFile.css" />

用这个：

<link rel="stylesheet" href="https://yoursite/CSS/yourFile.css" />

同样的规则也适用于上传图片、SVG 和字体...