Express.js HTTP 500 错误:页面使用 res.send( "Some text" );但是在使用res.render('文件')时会导致错误;



我有一个包含表单的路由/request 的页面。表单方法是发布,操作为/request request.js 中的邮政处理程序中应该发生的事情是用表单数据(存储在db等中)做某事,然后用路由/trips

每当我使用res.Send时,Get处理程序正常工作("在这里进行一些文本");但是,当我尝试使用res.render('trips')渲染页面时,给我HTTP 500内部服务器错误。

这是请求的代码:

var router = require('express').Router();

router.get('/', checkLoggedIn, function (req, res) {
    res.render('request', {
        user: req.user // get the user out of session and pass to template
    });
});
router.post('/', checkLoggedIn, function (req, res) {
    console.log(req.body); //data should be stored in DB
    res.redirect('/trips'); //Should redirect to /trips after form 
submission. Why ERROR 500?
});
function checkLoggedIn(req, res, next) {
    if (req.isAuthenticated()) {
        return next();
    }
    //Redirect to home if not logged in
    res.redirect('/');
}
module.exports = router;

这是Trips.js的代码:

var router = require('express').Router();
router.get('/', checkLoggedIn, function(req, res) {
    res.send("This is the trips route GET response!");
});

所以上面的部分作品和prints "这是旅行路线得到响应!表格)

router.get('/', checkLoggedIn, function(req, res) {
    res.render('trips');
});

但是,当我写这篇文章时,它会给我一个 http错误500 localhost当前无法处理此请求。

function checkLoggedIn(req, res, next) {
    if (req.isAuthenticated()) {
        return next();
    }
    //Redirect to home if not logged in
    res.redirect('/');
}
module.exports = router;

这是我的 trips.ejs file(对于上下文):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!--<title><%= user.firstName %>'s Trips - Erkab</title>-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link rel="stylesheet" href="/public/css/base.css">
    <link rel="stylesheet" href="/public/css/main.css">
    <link rel="stylesheet" href="/public/css/erkab.css">

    <script src="/public/js/modernizr.js"></script>
</head>
<body id="top" style="width: 100%">
<% include templates/header.ejs %>
<% if (userType != "Rider") {
    userType = "Driver";
} %>
<div id="changeableView" class="container-fluid">
      <table class="table table-hover">
        <thead class="thead-inverse">
        <tr>
            <th>#</th>
            <th>USER TYPE</th>
            <th>LOCATION</th>
            <th>DATE</th>
            <th>TIME</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <th scope="row">1</th>
            <td><%= userType %></td>
            <td><%= points %> - <%= area %></td>
            <td><%= date %></td>
            <td><%= time %></td>
        </tr>
        </tbody>
    </table>
</div>
<script src="/public/js/jquery-2.1.3.min.js"></script>
<script src="/public/js/main.js"></script>
</body>
</html>

此问题的一些相关信息包含在您发布的其他副本中:

express.js:Localhost当前无法处理此请求。HTTP错误500(获取请求)

我建议更改您在此处发布的代码:

router.get('/', checkLoggedIn, function(req, res) {
    res.render('trips', {
        user: req.user,
        userType: 'Driver',
        area: null,
        points: null,
        date: null,
        time: null,
        driverPref: null,
    });
});

我认为您不需要所有这些,但是一旦渲染就可以整理。

我怀疑这里有两个真正的问题。这是一行:

<!--<title><%= user.firstName %>'s Trips - Erkab</title>-->

"注释"不会阻止EJS尝试访问user.firstName。就EJS而言,该评论只是输出字符串的一部分,并且不会被视为任何特殊事物。

也有这样的:

<% if (userType != "Rider") {

我相信这也会失败,因为userType不会被声明。

res.render用于使用某些模板引擎(例如小胡子,玉等)渲染静态模板文件。

因此,您应该配置模板引擎,创建一个静态文件,然后将Res.Render('Trips')解释并渲染模板。

您可以在此处找到有关如何在Express中使用模板引擎的信息

尝试使用本教程来捕获您的错误:

在此示例中,通用logerror可能会将请求和错误信息写给stderr,例如:

function logErrors (err, req, res, next) {   console.error(err.stack)  next(err) }

另外,您可以使用try-catch语句。这里。

最新更新