nodejs：使用 res.redirect 的路由不起作用显示 404 未找到答案

【问题标题】：nodejs:routing using res.redirect not working showing 404 not foundnodejs：使用 res.redirect 的路由不起作用显示 404 未找到
【发布时间】：2016-10-30 22:22:27
【问题描述】：

我正在使用 nodejs、express 和 mongodb 构建一个 Web 应用程序，我是初学者。这是我的 app.js：

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 expressValidator=require('express-validator');
var expressSession=require('express-session');
var login = require('./routes/login');
var homepage = require('./routes/homepage');
var searchStudents=require('./routes/searchStudents');
var addStudents=require('./routes/addStudents');
var editStudents=require('./routes/editStudents');
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(expressValidator());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
 app.use(expressSession({secret:'max',saveUninitialised:false,resave:false}));
app.use('/', login);
app.use('/homepage', homepage);
app.use('/homepage/SearchStudents',searchStudents);
app.use('/homepage/addStudents',addStudents);
app.use('/homepage/editStudents',editStudents);
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
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
  });
 });
 }
 app.use(function(err, req, res, next) {
 res.status(err.status || 500);
 res.render('error', {
 message: err.message,
 error: {}
 });
 });
 module.exports = app;`

我的视图与我的路线具有相似的名称。我可以使用 post 方法从登录重定向到主页但我无法从主页重定向到 searchStudents。它显示 404 错误请帮我解决这个路由问题。这是我的 login.js：

var express = require('express');
var router = express.Router();
var item;
var output=null;
var mongo =require('mongodb').MongoClient;
var assert=require('assert');
var url='mongodb://localhost:27016/test';
/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('login');

});
router.post('/hompage', function(req, res, next) {
    item={
        user:req.body.username,
        password:req.body.password
    };
    console.log("this is the username/// "+item.user);
    mongo.connect(url,function(err,db){
        assert.equal(null,err);
        result=db.collection('users').findOne({username:item.user},{id:0,password:0},function(err,data){
        if(err)
        {

            db.close();
            res.redirect('/');
        }
        else if(data==null)
        {
            db.close();
            res.redirect('/');
        }
        else
        {
            //console.log(data);
            db.close();
            res.redirect('/homepage');

        }

});
        });

});

这是我的 login.ejs

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>

<h1 align="center">Login Page</h1>
<form action="/hompage" method="post">
<table align="center">
<tr>
<td><i>Enter Username</i>
</td>
<td>        
<input type="text" name="username" placeholder="enter username">
</td>   
</tr>
<tr>
<td><i>Enter Password</i></td>
<td>    
<input type="password" name="password" placeholder="enter password">
</td>   
</tr>
<tr>
<td>
<input type="submit" value="submit">
</td>   
</tr>       
</table>
</form>

</body>
</html>

这是我的主页.js：

var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.render('homepage');
});
router.post('/homepage/searchStudents', function(req, res, next) {
res.redirect('/homepage/searchStudents');
});
module.exports = router;

这是我的主页.ejs

<html>
<head>
</head>
 <body>
 <h1>homepage</h1>
 <form action="/homepage/searchStudents" method="post">
 <input type="submit" value="Search Studetns">
 </form>
 <form action="/homepage/addStudents" method="post">
 <input type="submit" value="Add Studetns">
 </form>

 </body>
 </html>

【问题讨论】：

使用一致的缩进和大括号将使您的代码更易于阅读，更易于查看/发现错误。
另外，你的很多app.use() 路由应该是app.get()。 app.use() 用于中间件，不是普通的路由定义。

标签： javascript node.js mongodb redirect express

【解决方案1】：

哇.. 你的代码有点乱，所以可视化它我在你的 404 处理程序上发现了一个错误，你正在使用 next() 函数传递 throw，所以当它获得 404 时，你可以拦截而不是重定向它并呈现您的自定义 404 页面。

如何拦截这些状态页面（404 和 500）的示例如下：

// Handle 404
app.use(function(req, res) {
  res.status(400);
  res.render('errors/404', { title: '404' });
});

// Handle 500
app.use(function(error, req, res, next) {
  console.log(error);
  res.status(500);
  res.render('errors/500', { title: '500' });
});

【讨论】：