POST 表单数据注销到控制台，但没有发送到服务器

Question

我正在使用 Knex 作为我的 ORM 在 Express 中构建一个简单的 TO-DO 应用程序。除了我的表单数据不会从我的表单 POST 到服务器之外，一切都工作得很好。作为调试措施，我确保将 req.body 记录到控制台。所以我在表单中输入的信息会显示在控制台中，所以此时的问题是弄清楚为什么它没有发布到服务器。我怀疑我的问题完全来自 knex 查询，但我只是不知道如何或为什么。这是我目前所拥有的...

第一个文件是我的app.js 第二个包含有问题的 POST 路线。感谢您的帮助！

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');
var todo = require('./routes/todo');

var app = express();

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

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: false
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);
app.use('/todo', todo);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// 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');
});

module.exports = app;

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

const knex = require('../db/knex');

/* GET http://localhost:3000/todo page. */
router.get('/', (req, res) => {
  knex('todo')
    .select()
    .then(todos => {
      res.render('all', {
        todos: todos
      });
    })
});

router.get('/new', (req, res) => {
  res.render('new');
});

function validTodo(todo) {
  return typeof todo.title == 'string' && todo.title.trim() != '' && typeof todo.priority == 'undefined' && !isNaN(Number(todo.priority));
}

router.post('/', (req, res) => {
  console.log(req.body);
  if(validTodo(req.body)) {
    const todo = {
      title: req.body.title,
      description: req.body.description,
      priority: req.body.priority,
      date: new Date()
    };
    // insert todo into database
    knex('todo').insert(todo, 'id')
      .then(ids => {
        const id = ids[0];
        res.redirect(`/todo/${id}`);
      });
  } else {
    // respond with an error
    res.status(500);
    res.render('error', {
      message: 'Invalid todo'
    });
  }
});

module.exports = router;

Answer 1

所以我弄清楚我的问题是什么。无论出于何种原因，改变我的 POST 路线的顺序就可以了。我只是将我的 POST 路线放在我的 GET /new 路线上。我真的不确定这个逻辑是如何工作的，但我很高兴我把它修好了。

POST 表单数据注销到控制台，但没有发送到服务器

POST form data logs out to console, but doesn't get sent to the server

javascript

express

post

knex.js