我正在尝试从本地主机上运行的网页(收集用户信息的注册表单)收集数据，但是当我按下提交按钮时，我得到一个
404 Error: page not found and the data from the form isn't being collected and outputted.
我将 webstorm 与 node.js 和express 一起使用，我希望使用 body-parser 收集和解析注册页面的用户输入。大部分代码已经存在于预制的 Nodejs Express App 项目中。
这是我的 app.js 文件:
var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var index = require('./routes/index');
var registration = require('./routes/registration');
var app = express();
var urlencodedParser = bodyParser.urlencoded({ extended: true });
module.exports = app;
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', index);
app.use('/registration', registration);
// 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 handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
app.get('/', function(req, res) {
res.render('index');
});
app.get('/registration', function(req, res) {
res.render('registration', {qs: req.query});
});
app.post('/registration', urlencodedParser, function(req, res) {
console.log(req.body);
res.render('registration', {qs: req.query});
});
当服务器运行时，我可以在网页上看到表单，并且可以输入信息，但是当我点击提交按钮时，它会出现404错误:找不到页面并且该信息不会打印到我的控制台日志中。
我不确定问题是什么，因为在添加 app.get 行之前，我能够输入信息并提交表单(尽管它没有执行任何操作 - 只是刷新)到一个新的空白表格)。
我遵循了本教程:https://www.youtube.com/watch?v=rin7gb9kdpk&t=137s
这是 html 文件的一部分:
<form id="registration-info" method="POST" action="/registration">
<div class="container">
<div class="py-5 text-center”>
<h2>Registration Form</h2>
<div class="row justify-content-center">
<div class="col-md-8 order-md-1">
<div class="row">
<div class="col-md-6 mb-3">
<label for="firstName">First name</label>
<input type="text" class="form-control" value="" required>
<div class="invalid-feedback">
Valid first name is required.
</div>
</div>
<div class="col-md-6 mb-3">
<label for="lastName">Last name</label>
<input type="text" class="form-control" value="" required>
<div class="invalid-feedback">
Valid last name is required.
</div>
</div>
</div>
<div class="row">
<div class="col-md-5 mb-3">
<label for="birthmonth">Birthday</label>
<select class="custom-select d-block w-100" required>
<option value="">Month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<div class="invalid-feedback">
Please select a valid month.
</div>
</div>
<div class="col-md-4 mb-3">
<label for="birthday">Day</label>
<input type="text" class="form-control" required>
<div class="invalid-feedback">
Day is required.
</div>
</div>
<div class="col-md-3 mb-3">
<label for="birthyear">Year</label>
<input type="text" class="form-control" required>
<div class="invalid-feedback">
Year is required.
</div>
</div>
</div>
<div class="mb-3">
<label for="password">Password</label>
<input type="password" class="form-control" >
<div class="invalid-feedback">
Please enter a password.
</div>
</div>
<hr class="mb-4">
<button class="btn btn-primary btn-lg btn-block" type="submit">Submit</button>
</div>
</div>
</div>
最佳答案
您正在检查路线之前处理错误。所以总是会出现404错误
var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
// var index = require('./routes/index');
// var registration = require('./routes/registration');
var app = express();
var urlencodedParser = bodyParser.urlencoded({ extended: true });
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
// app.use('/', index);
// app.use('/registration', registration);
app.get('/', function(req, res) {
res.render('index');
});
app.get('/registration', function(req, res) {
res.render('registration', {qs: req.query});
});
app.post('/registration', urlencodedParser, function(req, res) {
console.log(req.body);
res.render('registration', {qs: req.query});
});
// 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 handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
关于javascript - 使用nodejs和express不断出现404错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48838134/