Node.js表示POST 404ing

时间:2013-06-04 22:56:18

标签: javascript post backbone.js express http-status-code-404

我有一个使用快速框架的小型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)
        }
      );

    }

3 个答案:

答案 0 :(得分:9)

如果您要发布到/,因为您的日志表明您是“POST / 404 5ms”,则需要更改以下行:

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

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

这将允许GET或POST到该路由。如果您只发布到该路线,也可以使用app.post()。希望这会有所帮助。

文档:http://expressjs.com/api.html#app.all

答案 1 :(得分:2)

确保'form.attr(“action”)'获取正确的网址。您的表单似乎是发布到索引页面而不是'/ test'。也许应该改为$('form').attr("action")

答案 2 :(得分:0)

对我来说,问题是我有我的

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

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