客户端不显示Flash消息,如何解决?

问题描述 投票:0回答:2

我一直在关注这个 youtube 教程,并且我正在尝试弄清楚如何使用

connect-flash
npm。这是我正在使用的代码:

服务器端:

//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>
    <% }%>
    ......

现在,

post
get
请求在我的应用程序中工作正常,但我只是不知道为什么闪存消息不起作用。这些是我尝试过的东西:

  • 在EJS声明中:我也尝试过
    if(message){...}
  • 我尝试将 Flash 消息保存在
    req.locals
  • 我尝试过使用这个教程 - 也没有成功。

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

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

node.js express ejs express-session connect-flash
2个回答
1
投票

这是因为你打印的错误是这样的

   <%= message %>

它不起作用,因为消息是一个数组。 您可以像下面这样显示您的错误

    <%= message[0] %>

或 您可以循环遍历消息数组。

 for( m of message) {
         <%= m %>
 }

0
投票

您正在使用“connect-flash”,它会显示一条消息。

你的服务端应该是

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

//USER LOGIN GET REQUEST:
router.get('/user_login', redirectHome, (req, res) => { 
    return res.render('userEntries/login', {
     message: false});
});
© www.soinside.com 2019 - 2024. All rights reserved.