NodeJS Express Post表單-始終執行404

Question

無論我在表單操作中聲明了什么鏈接，它總是返回404錯誤。 如果我更改獲取方法，則不會。 我想使用post，因為我正試圖從輸入字段中獲取數據並將其發布到mongedb數據庫中：

HTML：

<form class="container-fluid searchContainer" action="/active" method="post">
    <div class="col-xs-6">
        <div class="form-group">
            <label for="businessUnit">Business unit</label>
            <input type="text" ng-model="businessUnit" id="businessUnit" name="businessUnit" class="form-control"/>
        </div>
        <div class="form-group">
            <label for="tenderId">Tender ID</label>
            <input type="text" name="tenderID" ng-model="tenderId" id="tenderId" class="form-control"/>
        </div>
    </div>
    <div class="col-xs-6">
        <div class="form-group">
            <label for="tenderDate">Tender Bidding Date</label>
            <input type="date" ng-model="tenderDate" name="tenderDate" id="tenderDate" class="form-control"/>
        </div>
        <div class="form-group">
            <label for="therapyArea">Therapy area</label>
            <input type="text" ng-model="therapyArea" name="therapyArea" id="therapyArea" class="form-control"/>
        </div>

    </div>
    <div class="col-md-12 text-right">
        <input type="submit" id="btnCreate" value="Create" class="btn btn-primary" >
    </div>
</form>

JAVASCRIPT：

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 active = require('./routes/active');



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(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);
app.use('/active', active);


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


var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/tenders');

var db = mongoose.connection;

db.on('error', function(err) {
    console.log('connection error', err);
});
db.once('open', function() {
    console.log('connected.');
});


var Schema = new mongoose.Schema({
    TenderID: String,
    TenderDate: String,
    BusinessUnit: String,
    TherapyUnit: String
});



var Tender = mongoose.model('Tender', Schema);


app.post('/active', function(req, res) {

    new Tender({
        TenderID: req.body.tenderID,
        TenderDate: req.body.tenderDate,
        BusinessUnit: req.body.businessunit,
        TherapyUnit: req.body.therapyUnit
    }).save(function(err, doc) {
        if (err) res.json(err);
        else res.send('Succesfully insterted')

    })

});

Answer 1

因為您在定義app.post('/active')之前先定義了404路由處理程序，所以express首先會評估404規則並返回它。 您的POST /活動路線永遠不會得到評估。 要解決此問題，您需要在404路由（應該始終是您的最后一條路由）之前為Express分配POST / active路由。

除非您在文件./routes/active定義了等效的POST / active路由， ./routes/active該行

app.use('/active', active);

即使已在404路線之前對它進行了評估，也無法解決此問題。 您可以在express docs中閱讀有關app.use()與app.get|post|etc()更多信息。

Express按照通過use()或get|post|delete|etc()傳遞給規則的順序評估規則

Answer 2

您已經在服務器中定義了get路由。 嘗試改變

app.get('/active',function(req,res){

進入

app.post('/active',function(req,res){

這樣，您將響應來自瀏覽器的發布請求。