passeport-stratégie locale travaillant dans le facteur mais pas dans le navigateur

Question

J'ai essayé de mettre en place l'authentification avec email et mot de passe. Voici le code partiel dans signup.ejs:

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

    <!-- LOGIN FORM --> 
    <form action="/signup" method="post"> 
     <div class="form-group"> 
      <label>Email</label> 
      <input type="text" class="form-control" name="email"> 
     </div> 
     <div class="form-group"> 
      <label>Password</label> 
      <input type="password" class="form-control" name="password"> 
     </div> 

     <button type="submit" class="btn btn-warning btn-lg">Signup</button> 
    </form> 

La forme de messages /signup et voici ma voie express:

// process the signup form 
app.post(
    '/signup', 
    passport.authenticate('local-signup', { 
     successRedirect: '/profile', // redirect to the secure profile section 
     failureRedirect: '/signup', // redirect back to the signup page if there is an error 
     failureFlash: true // allow flash messages 
    }) 
) 

Et ceci est la stratégie de passeport locale J'utilise:

passport.use(
     'local-signup', 
     new LocalStrategy(
      { 
       // by default, local strategy uses username and password, we will override with email 
       usernameField: 'email', 
       passwordField: 'password', 
       passReqToCallback: true // allows us to pass back the entire request to the callback 
      }, 
      function(req, email, password, done) { 
       // asynchronous 
       // User.findOne wont fire unless data is sent back 
       process.nextTick(function() { 
        // find a user whose email is the same as the forms email 
        // we are checking to see if the user trying to login already exists 
        User.findOne({ 'local.email': email }, function(err, user) { 
         // if there are any errors, return the error 
         if (err) return done(err) 

         // check to see if theres already a user with that email 
         if (user) { 
          return done(
           null, 
           false, 
           req.flash('signupMessage', 'That email is already taken.') 
          ) 
         } else { 
          // if there is no user with that email 
          // create the user 
          var newUser = new User() 

          // set the user's local credentials 
          newUser.local.email = email 
          newUser.local.password = newUser.generateHash(password) 

          // save the user 
          newUser.save(function(err) { 
           if (err) throw err 
           return done(null, newUser) 
          }) 
         } 
        }) 
       }) 
      } 
     ) 
    ) 

Voici un lien vers mon Github repo pour le code complet. Le problème que j'ai est que lorsque je fais une demande de publication avec Postman avec un email et un mot de passe dans le corps de la requête, ça finit bien et je suis redirigé vers la route du profil avec succès. Cependant, lorsque j'essaie de me connecter en remplissant le formulaire sur ma page, je suis redirigé vers l'itinéraire '/ inscrivez-vous'. Quelqu'un peut-il aider s'il vous plaît avec ce problème?

Answer 1

J'ai trouvé la réponse. La raison en est que le formulaire ne transmettait pas les valeurs de courrier électronique et de mot de passe à req.body. J'ai changé app.use(bodyParser.json()) en app.use(bodyParser.urlencoded({ extended: true })) et cela a commencé à fonctionner.