瀏覽器在POST請求上等待本地主機

Question

我正在建立一個網站，我有一個註冊表單，我需要通過POST提交表單，並在mongoDB數據庫中註冊用戶。該網站迄今爲止工作正常，但是當我提交註冊表時瀏覽器只是「等待本地主機」永遠。我使用EJS作爲我的模板引擎，儘管我不認爲這很重要。

register.ejs：

<% include partials/header %> 
<%include partials/nav %> 
<h1>REGISTER</h1> 
<a href="/login">Login</a> 

<form id="registerForm" action="/register" method="post"> 
      <div class="form-group"> 
       <label for="exampleInputEmail1">Email address</label> 
       <input type="email" name="username" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email"> 
       <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> 
      </div> 
      <div class="form-group"> 
       <label for="exampleInputPassword1">Password</label> 
       <input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
       <small id="passwordHelp" class="form-text text-muted">Your password must be at least 8 characters long.</small> 
      </div> 
      <button type="submit" class="btn btn-primary">Submit</button> 
     </form> 
<% include partials/footer %> 

app.js：

var express = require('express'), 
    app = express(), 
    mongoose = require('mongoose'), 
    passport = require("passport"), 
    bodyParser = require("body-parser"), 
    User = require("./models/user"), 
    LocalStrategy = require("passport-local"), 
    passportLocalMongoose = require("passport-local-mongoose"); 

//Set up MongoDB 
var mongo = require("mongo"); 
var MongoClient = require('mongodb').MongoClient; 
var assert = require('assert'); 
var ObjectId = require('mongodb').ObjectID; 
var url = 'mongodb://localhost:27017/customerapp'; 
//MongoJS 
var mongojs = require("mongojs"); 
var db = mongojs("customerapp", ["users"]); 
//Mongoose 
var mongoose = require('mongoose'); 
mongoose.Promise = global.Promise 
mongoose.createConnection("mongodb://localhost:27017/customerapp"); 
app.set('view engine', 'ejs'); 
app.use(bodyParser.urlencoded({extended: true})); 
app.use(require("express-session")({ 
    secret: "wah wah wah", 
    resave: false, 
    saveUninitialized: false 
})); 

app.use(passport.initialize()); 
app.use(passport.session()); 

passport.use(new LocalStrategy(User.authenticate())); 
passport.serializeUser(User.serializeUser()); 
passport.deserializeUser(User.deserializeUser()); 


var index = require("./routes/index"); 
var about = require("./routes/about"); 
var login = require("./routes/login"); 
//var register = require("./routes/register"); 

app.all("index", index); 
app.all("about", about); 
app.all("login", login); 
//app.all("register", register); 

// AUTH Routes 
//Register get request 
app.get("/register", function(req, res) { 
    res.render("register"); 
}); 

//Handle post register req. at '/register' 
app.post("/register", function(req, res) { 
    User.register(new User({ 
     username: req.body.username}), 
     req.body.password, 
     function(err, user) { 
      if(err) { 
       console.log(err); 
       return res.render("register"); 
      } 
      passport.authenticate("local")(req, res, function() { 
       res.redirect("/secret") 
      }) 
    }); 
}); 
app.listen(process.env.PORT || 3000, process.env.IP, function() { 
    console.log('Example app listening on port 3000!') 
}) 

Answer 1

您使用三個PARAMS而不是兩個，這樣使用它。

//Handle post register req. at '/register' 
app.post("/register", function(req, res) { 
    User.register(new User({ 
     username: req.body.username, 
     password: req.body.password 
     }), 
    function(err, user) { 
     if(err) { 
      console.log(err); 
      return res.render("register"); 
     } 
     passport.authenticate("local")(req, res, function() { 
      res.redirect("/secret") 
     }) 
}); 
});