Question

对于我的错误页面，我使用

// 500 error
app.use(function (err, req, res, next) {
    console.log(err);
    console.log(err.stack);
    res.render("error", {
        status: err.status || 500,
        error: err,
        title: config.pageTitles.error,
        ENV: app.get('ENV')
    });
});

我的错误页面是一个看起来像：

的玉石模板

extends base
block body
    body(class="gray-bg")
        div(class="middle-box text-center animated fadeInDown")
            h1 500
            h3(class="font-bold") Internal Server Error
            div(class="error-desc")
                p   The server encountered something unexpected that didn't allow it to complete the request. We apologize.

我的其他正常页面是

extends base
block content
    #application

我的问题是当我收到500错误时，没有加载CSS;但是，如果我在正常页面上加载页面error，则加载CSS IS。看起来错误的app.use会导致这种情况。

感谢帮助

Answer 1

通常，当资产未被加载时（例如，服务器为资产返回404），问题与使用（相对）路径有关。

尝试使用CSS文件的绝对路径（在模板中）和/或使用浏览器的Web开发工具检查所请求的资产路径是什么，并修复相应的相对路径（例如，添加{{ 1}}在适当的地方找到正确的路径。）

Node / Express不会在500错误页面上加载CSS

1 个答案: