0

我一直在关注这个youtube 教程，我正在尝试弄清楚如何使用connect-flashnpm。这是我正在使用的代码：

服务器端：

//app.js
const session = require('express-session');
const flash = require('connect-flash');

app.use(session({
  name: SESSION_NAME,
  resave: false,
  saveUninitialized: false,
  secret: SESSION_SECRET,
  cookie: {
      maxAge: SESSION_LIFETIME,
      sameSite: true,
      secure: IN_PROD
  }
}));
app.use(flash());

//users.js
//somewhere in USER LOGIN POST REQUEST:
if(!results.length) {
    console.log("    > Cannot fetch user from the database");
    req.flash('flash', 'some message in the alert');
    return res.redirect('/user_login');
}      

//USER LOGIN GET REQUEST:
router.get('/user_login', redirectHome, (req, res) => { 
    return res.render('userEntries/login', {message: req.flash('flash')});
});

客户端 (EJS)

<body>
    <% if(message.length > 0) { %>
        <div class="alert alert-success" style="text-align: center">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>INTRO: </strong>  <%= message %>
        </div>
    <% }%>
    ......

现在，postandget请求在我的应用程序中工作正常，但我只是不知道为什么 flash 消息不起作用。这些是我尝试过的东西：

  • 在 EJS 声明中：我也试过if(message){...}
  • 我尝试将 Flash 消息保存在req.locals
  • 我已经尝试使用本教程- 也没有用。

请注意，有时警报会起作用，有时消息会多次传递！在下图中，我添加了两次无效的用户名和密码，等待了大约。五分钟，重新加载页面，发生了什么：

演示

我不知道我做错了什么。如果您有任何有用的信息，请告诉我。谢谢

4

1 回答 1

1

这是因为您正在打印这样的错误

   <%= message %>

它不起作用，因为 message 是一个数组。您可以显示如下错误

    <%= message[0] %>

或者您可以遍历您的消息数组。

 for( m of message) {
         <%= m %>
 }
于 2020-07-09T08:42:15.660 回答