Node.js/Express/Jade POST表单404s

所以，我是Javascript新手（和一般编码）。为了补充我对Javascript的教育，我认为我会用Node.js搞笑。考虑我需要一个项目我以为我会尝试制作一个地下城角色创造者。已经有一些了，但我需要一个项目，对吧？Node.js/Express/Jade POST表单404s

所以我制作了一个表单，它取得了人物的名字，然后代替把它放到控制台和/或在页面上显示，我得到了404。我必须在这里弄个简单的东西，所以在一对夫妇几小时试图找出有是一件简单的事情，并做了大量的搜索引擎工作，我想我会把它带到社区。

现在我有基本的框架，你得到：加入

express --css myapp

没什么特别的。这里是我的app.js（注意最后的线，app.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 routes = require('./routes/index'); 
var users = require('./routes/users'); 

var app = express(); 

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

// uncomment after placing your favicon in /public 
//app.use(favicon(__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('/', routes); 
app.use('/users', users); 

// 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 handlers 

// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
    app.use(function(err, req, res, next) { 
     res.status(err.status || 500); 
     res.render('error', { 
      message: err.message, 
      error: err 
     }); 
    }); 
} 

// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
     message: err.message, 
     error: {} 
    }); 
}); 

module.exports = app; 

app.post('/', function(req, res) { 
    console.log(req.body); 
    console.log('Character: ' + req.body.charactername); 
    res.send('Character Name: ' + req.body.charactername); 
});

最后，用形式我玉文件

extends layout 

block content 
    h1= title 
    p Welcome to #{title} 
    form(method='post',action='/') 
    input(type='text',name='charactername') 
    input(type='submit')

就像我说的，那肯定是简单的东西，但它一直在推动我坚果，我似乎无法找到一个文档，网页，howto或教程，解释我在这里做错了什么。

来源

2014-08-30 Stephen

app.post('/', function(req, res) {});是你的404错误处理路由后。它是之前：

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

只要您的其他路线没有任何冲突（app.use('/', routes)），就会工作。

来源

2014-08-30 05:12:39 Jordonias

Node.js/Express/Jade POST表单404s

回答

相关问题