如何在ExpressJS中使用request.flash发送多条闪存消息？

我来帮你搞定这个问题——你遇到的情况是因为connect-flash的request.flash()默认行为是替换同类型的消息，而不是追加。所以你连续两次调用request.flash('danger', ...)时，第二条消息会直接覆盖第一条，最终就只剩最后一条了。

下面给你几个可行的解决方案：

方案1：直接传入消息数组 #

你可以一次性把多条消息放在数组里传给request.flash()，这样就能保留所有内容：

request.flash('danger', ['some flash in a route', 'some flash in a route 2']);

方案2：手动追加现有消息 #

如果你需要分多次添加消息（比如在不同逻辑分支里），可以先获取当前已有的同类型消息，追加新消息后再存回去：

// 获取已有的danger消息，没有的话默认是空数组
const existingDangerMsgs = request.flash('danger') || [];
// 追加新消息
existingDangerMsgs.push('some flash in a route');
existingDangerMsgs.push('some flash in a route 2');
// 将更新后的数组重新存入flash
request.flash('danger', existingDangerMsgs);

方案3：封装工具函数（推荐） #

为了避免重复写上面的代码，你可以封装一个简单的工具函数，以后添加消息更方便：

// 可以在server.js或者单独的工具文件中定义这个函数
function addFlashMsg(req, type, msg) {
  const currentMsgs = req.flash(type) || [];
  currentMsgs.push(msg);
  req.flash(type, currentMsgs);
}

// 在路由中使用：
addFlashMsg(request, 'danger', 'some flash in a route');
addFlashMsg(request, 'danger', 'some flash in a route 2');

视图渲染注意事项 #

最后别忘了在视图里循环渲染所有消息，比如用EJS模板的话：

<% if (messages.danger && messages.danger.length > 0) { %>
  <% messages.danger.forEach(message => { %>
    <div class="alert alert-danger"><%= message %></div>
  <% }) %>
<% } %>

内容的提问来源于stack exchange，提问作者tonymx227