EJS表单中的App.post不起作用-ExpressJS

Question

我正在使用带有EJS作为视图引擎的express框架。我在应用程序中有一些基本路线（“ /”和“ /用户”）。我的EJS页面中也有一个表单，正在使用用户登录。在这里，我的表单具有action =“ / login”和method =“ POST”。并且我在app.js中创建了一个处理函数app.post来检查凭据并重定向到用户页面。

但是当我单击页面快速应用程序的提交按钮时，说未找到“ / login”。以下是整个应用程序的目录结构。

menu.ejs：

    <form method="POST" action="/login">
        <input type="text" name="username" placeholder="Username">
        <input type="password" name="password" placeholder="Password">
        <input type="submit" name="login" class="login loginmodal-submit" value="Login">
    </form>

和app.js

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var session = require('express-session');
var mysql = require('mysql');
var bodyParser = require('body-parser');
var path = require('path');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var loginRouter = require('./routes/login');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/login', loginRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

//express session
app.use(session({
  secret:'secret_key',
  resave:true,
  saveUninitialized:true
}));
app.use(bodyParser.urlencoded({
  extended:true
}));
app.use(bodyParser.json());
mysql
var connection = mysql.createConnection({
  host:'localhost',
  user:'root',
  password:'secret_pw',
  database:'my_db'
});

//login authentication
app.post('/login', function(req,res){
  var username = req.body.username;
  var password = req.body.password;
  if(username && password){ 
      connection.query('SELECT username,password FROM logindetails WHERE username = ? AND password = ?',[username,password], function(error,results,fields){
          if(results.length > 0){
              req.session.loggedin = true;
              req.session.username = username;
              res.redirect('/users');
          } else{
              res.send('Incorrect username and password');
          }
          res.end();
      });
  }
   else{
       res.send('Please enter username and password');
       res.end();
   }
});

module.exports = app;

登录路径为

var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { page:'home', menuId:'home' });
});



module.exports = router;

Answer 1

由于您的应用在执行app.post之前到达了以下代码块，因此>

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});
将以下块移动到app.post之下。