html - Rails 4 公共(public) 404/500 错误页面正在请求路径错误的图像资源

Question

我在我的应用程序的公共(public)文件夹中构建了一些错误页面(404、500 等)。我知道这些在 Assets 管道之外，所以我将每个构建为一个独立的 html 文件，头部有 CSS。

这些错误页面有几个图像(背景和 Logo )。两者都以通常的方式加载(不使用任何 rails 助手):

<img src="Checklick-Logo-White-Transparent.png" alt="Checklick Logo" style="width: 100%">

background: url("Checklick-Cloud-Background-High.jpg") no-repeat center top;

在生产环境中，当我尝试加载这些页面 (app.checklick.com/500.html) 时，它们加载得很好。

但是，当我在应用程序上遇到实际错误，并且加载了相同的错误页面时，出于某种原因，图像路径会附加一个 Controller 名称(即它们成为 app.checklick.com/programs/Checklick-Logo-White-Transparent.png)。然后 Controller 尝试使用该图像文件名作为参数执行操作，这会导致另一个错误。当然，浏览器无法呈现任何图像，因此错误页面本身看起来很糟糕。

知道在实际错误期间如何/为什么将 Controller 名称添加到图像请求吗？

Answer 1

事实证明，所有的错误都是我没有在我的公共(public) 404/500 html 页面上使用图像的根相对路径。

我变了

<img src="Checklick-Logo-White-Transparent.png" alt="Checklick Logo" style="width: 100%">

到

<img src="/Checklick-Logo-White-Transparent.png" alt="Checklick Logo" style="width: 100%">

改变了

background: url("Checklick-Cloud-Background-High.jpg") no-repeat center top;

到

background: url("/Checklick-Cloud-Background-High.jpg") no-repeat center top;

现在，无论错误页面的来源是什么，图像都可以正常加载。例如，我可以加载 app.checklick.com/500 或 app.checklick.com/programs/500 并且仍然可以加载图像。