护照js中的flash消息

时间:2017-02-26 13:17:13

标签: express pug passport.js connect-flash

我遇到了flash消息的问题。我的页面上没有收到错误消息。请告诉我错误的位置。

PS。对不起我的英文; D

app.js

要求:快递,护照,哈巴狗,快递会话,cookie解析器,连接闪存,正文解析器......

var router = require('./router.js')(passport);
var initPassport = require('./passport-init.js');

var app = express();

app.set('views', __dirname + '/views');
app.set('view engine', 'pug');

app.use(cookieParser('secret'));
app.use(session({ cookie: { maxAge: 60000 }, secret: 'secret' }));
app.use(flash());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(passport.initialize());
app.use('/', router);

initPassport(passport);

router.js

var express = require('express');
var router = express.Router();

module.exports = function(passport) {

    router.get('/', function(req, res) {
       res.render('index', {
           title: 'index page'
       });
    });

    router.post('/auth',        
       passport.authenticate('local', {         
           successRedirect: '/',
           failureRedirect: '/',
           failureFlash: true
       })
    );

   return (router);
};

护照init.js

var User = require('./user.js');
var LocalStrategy = require('passport-local').Strategy;

module.exports = function(passport) {

    passport.use('local', new LocalStrategy({ usernameField: 'email', passwordField: 'pass', passReqToCallback: true },

        function(email, pass, done) {
            User.findOne({ where: { email: email } }).then(function(err, user) {
                if (err) {
                    return done(err);
                }
                if (!user) { return done(null, false, { message: 'Incorrect username.' });
                }
                if (!user.validPassword(pass)) { return done(null, false, { message: 'Incorrect password.' });
                }
                return done(null, user);
            });
        }
    ));
};

index.pug

include ./headers.pug

div(class="container")
    div(class="row head")
        div(class="col-xs-12")
            if message
                    p #{message}

    div(class="row body-left")
        div(class="col-xs-3")
            include ./auth.pug
        div(class="col-xs-9")

1 个答案:

答案 0 :(得分:5)

请记住app.VERB(' route',回调)是针对相应的HTTP请求实现的,例如app.get(' /',回调)是针对GET请求执行的到根目录。 app.use()的工作方式相同,但区别在于它是针对所有请求实现的,无论路径如何。

这意味着您只是将快速应用程序配置为对所有请求使用flash(),但实际上并没有告诉flash何时闪烁消息。

Connect flash使请求flash()方法在请求中使用时可用,此方法是我们用来刷新错误的方法。

要在注册页面中刷新错误消息,当发生错误时,您将在HTTP请求回调中添加以下内容:

res.render('signup', {
    title: 'Sign-up Form',
    messages: req.flash('error')
});