0

作为 express 应用程序中通用 get 路由的一部分，我想发送两条带有 express-session 和 connect-flash 的 flash 消息。除了 req.flash 在页面呈现之前不保存之外，这一切都有效。因此，在用户再次加载另一个页面或相同页面之前，不会显示 Flash 消息。

路由中最后一个函数的代码：

    Post.countDocuments().exec(function(err, count){
        if(err) {
            console.log(err);
            res.redirect("back");
        }

        req.flash("success", ["It's working", "Hallelujah!"]);
        req.flash("error", ["Uh oh!", "We have a problem..."]);

        res.render("index", {posts: allPosts, dates: dates, current: pageNumber, pages: Math.ceil(count / pageLimit), showing: showing, total: count});
    });

这是其中一个 Flash 消息模板 (ejs) 的代码：

    <div class="flash flash-success">
        <div class="flash-header">
            <span class="flash-title flash-title-success"><i class="fas fa-check"></i> <%= success[0] %></span>
            <span class="flash-close" onclick="return closeFlash(this);"><i class="fas fa-times"></i></span>
        </div>

        <hr class="flash-hr">
        <div class="flash-body-success"><%= success[1] %></div>
    </div>

我曾尝试在 req.flash 之后使用 .exec() 使渲染语句在完成时运行，但这不起作用，我还尝试在回调中使用渲染语句 req.session.save() 但这也失败了.

去掉其中一个 req.flash 语句，或者只传递一个字符串参数而不是两个数组，都不能解决这个问题。

4

1 回答 1

1

问题是我有

app.use(function(req, res, next) {
    res.locals.currentUser = req.user;
    res.locals.error = req.flash("error);
    res.locals.success = req.flash("success");
    return next();
});

在 app.js 中，所以这个中间件在路由有机会为 req.flash 设置值之前运行，这意味着错误和成功被设置为空。

我通过在渲染页面之前创建一个函数来将 req.flash 保存在 res.locals 中解决了这个问题：

var toolsObj = {};

toolsObj.saveFlash = function(req, res) {
    res.locals.error = req.flash("error");
    res.locals.success = req.flash("success");
};

module.exports = toolsObj;
于 2018-11-25T12:08:15.593 回答