Question

我正在使用passport.js和它的LocalStrategy方法在node.js中为我的项目进行基本身份验证。它甚至没有密码验证。帐户存储在MongoDB实例中。

我被困了一整天，当然我正在通过讲师推荐的绑定表单数据到角度并从那里发送$http.post()，如下：

$scope.signIn = function (username, password) {
    $http.post('/login', {username: username, password: password})
        .then(function (res) {
            if(res.data.success) {
                console.log('Logged in');
            } else {
                console.log('error logging in');
            }
        })
};

以下是它的路线：

app.post('/login', function (req, res, next) {

    var auth = passport.authenticate('local', function (err, user) {
        if(err) { return next(err); }
        if(!user) { res.send({success: false, user: user}); }

        req.login(user, function (err) {
            if(err) { return next(err); }
            res.render('index', { success: true, user: user });
        });
    });

    auth(req, res, next);
});

除了它总是以{success：false，user：false}返回。经过大量的谷歌搜索，我决定直接从表单发出POST请求：

JADE：

.navbar-right(ng-controller='navbarLoginCtrl')
form.navbar-form(action='/login' method='post')
    .form-group
        input.form-control(name='username' placeholder='username', ng-model='username' required)
    .form-group
        input.form-control(name='password' type='password', placeholder='password', ng-model='password' required)
    button.btn.btn-default(type='submit' value="Submit") Sign in

而不是：

.navbar-right(ng-controller='navbarLoginCtrl')
form.navbar-form
    .form-group
        input.form-control(name='username' placeholder='username', ng-model='username' required)
    .form-group
        input.form-control(name='password' type='password', placeholder='password', ng-model='password' required)
    button.btn.btn-default(ng-click='signIn(username, password)') Sign in

提交方法确实有效，但我想保持干净，并用角度来做。 我该怎么做？

其他passport.js组件供参考：

var User = mongoose.model('User');

passport.serializeUser(function (user, done) {
    if (user) {
        done(null, user._id);
    }
});

passport.deserializeUser(function (id, done) {

    User.findOne({_id: id}).exec(function (err, user) {
        if(user) {
            return done(null, user);
        } else {
            return done(null, false);
        }
    });
});

passport.use(new LocalStrategy(
    function (username, password, done) {
        User.findOne({username: username}, function (err, user) {
            if (user) return done(null, user);
            else return done(null, false);
        });
    }
));

Answer 1

您应该检查浏览器发送的内容。

您的broswer表单以username =＆amp; password =形式发送数据，angular以JSON {username：，password：}发布，而Content-Type标题则不同。

如果你想以角度做同样的事情：

 var headers={ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'};         
      return $http.post(BackEndpoint+'/login','username='+username+'&password='+password,
    {headers:headers}).then(function(result){
});

这是我用来对抗Spring身份验证的。

来自angular.js的POST不起作用，但直接来自表单。为什么？

1 个答案: