我有一个包含表单的路由/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
语句。这里。