Node.js express POST 404ing

Question

我有一个使用express框架的小型node.js应用程序，但出于某种原因，我无法让我的应用程序响应POST请求。在服务器日志中，我只是得到"POST / 404 5ms"，我无法弄清楚原因。

编辑：澄清一下 - 我的问题是app.post似乎没有做任何事情。

编辑2：昨晚我设法解决了这个问题，但现在我无法确定我是在什么时候解决的。

Node.js服务器代码：

var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.cookieParser('chocolatechip'));
app.use(express.session());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));


// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

//pages
//Landing page
app.get('/', routes.index);
app.post('/test',function(req,res){
  console.log(req.body);
  res.send("received post");
});
//return list containing users
//app.post('/users', user.list);
//return requested user
app.get('/users/:id', user.get);
//app.post('/users/login', user.login);


//server
http.createServer(app).listen(app.get('port'), function(){
  console.log('Server listening on port ' + app.get('port'));
});

在实际网页中，我有以下javascript代码：

var login = $('#login');
  var page = $('#page');
  var register = $('#register');
  var userField = login.find('.user');
  var passField = login.find('.pass');
  var confPassField = login.find('.confpass');
  var form = $('.logform');
  $('#formbutton').on('click',function(){
    if(register.hasClass('hidden')){
      login.addClass('hidden');
      confPassField.val('');
      var logDat = JSON.stringify(form.serializeArray);
      userField.val('');
      passField.val('');
      page.html("Login form submitted");
      $.post(
        form.attr("action"),
        {test:"test"},
        function(data){
          alert("Response: "+data)
        }
      );

    }

- LucienK

Answer 1

如果您正在发布/，因为您的日志显示“POST / 404 5ms”，您需要更改以下行：

app.get('/', routes.index);

到

app.all('/', routes.index);

这将允许在该路线上进行GET或POST。如果您只是要发布到该路线，也可以只使用app.post()。希望这可以帮助。

文档在这里：http://expressjs.com/api.html#app.all

- thomallen

---

好的，这并不是我的问题的答案，因为我已经在使用app.post()，但它并没有起作用。这就是我的问题所在。 - LucienK

您正在使用的是在“/test”而不是“/”上的app.post。请仔细阅读我的回答。 - thomallen

我想说的是我发布的是/test，而不是/。我已经让它工作了，这不是问题所在。昨晚设法让它工作了，现在我不记得我做了哪个更改。当我疲倦时，似乎无法正确提交和标记修复问题。 - LucienK

啊，讲得有道理。不管怎样，感谢帮助。虽然你的解决方法并不完全正确，但已经足够接近，我会把你的答案标记为最佳答案。 - LucienK

Answer 2

请确保 'form.attr("action")' 获取到了正确的URL。似乎你的表单正在将数据提交至首页而不是 '/test'。也许应该更改为 $('form').attr("action")

- Xerri

Answer 3

对我来说问题在于我有一个

标签。

app.post('/test', jsonParser, function (req, res) {
    console.log(req);
    res.send('Ok');
});

以下部分是由Express Generator添加到我的app.js中的

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

通过更改文件中的顺序，我解决了这个问题。

- frankenapps