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

回答

相關問題