node.js - 如何在 .ejs 模板中显示错误
问题描述
所以我将 .hbs 模板转换为.ejs模板并尝试查看差异。我以为转换会是一样的,但事实证明并非如此。
我的代码正在运行。我可以注册一个用户,但没有出现错误。错误显示是我的代码中的主要问题。
这是 .HBS 版本的错误
{{#if message}}
<h4 class="alert alert-danger mt-4">{{message}}</h4>
{{/if}}
这是 .EJS 版本的错误
//SignUp.js / SignIn.js
<% if (error) { %>
<h4 class="alert alert-danger mt-4">{{message}}</h4>
<% } %>
.EJS 中的另一个版本的错误
<% if (hasErrors) {%>
<div class="alert alert-danger">
<% messages.forEach(function(message){ %>
<p><%= message %></p>
<% });%>
</div>
<% }%>
这是控制器文件夹 - auth.js
exports.signin = async (req, res) => {
try {
const {email, password} = req.body;
if(!email || !password) {
return res.status(400).render('shop/signin', {
message: 'Please provide an email and/or password'
});
}
con.query('SELECT * FROM users WHERE email = ?', [email], async (error, results) => {
console.log(results);
if(!results || !(await bcrypt.compare(password, results[0].password))) {
res.status(401).render('shop/signin', {
message: 'Email or Password is incorrect'
});
}
else {
const id = results[0].id;
const token = jwt.sign({ id }, process.env.JWT_SECRET, {
expiresIn: process.env.JWT_EXPIRES_IN
});
console.log("The token is: " + token);
const cookieOptions = {
expires: new Date(
Date.now() = process.env.JWT_COOKIE_EXPIRES * 24 * 60 * 60 * 1000
),
httpOnly: true
}
res.cookie('jwt', token, cookieOptions);
res.status(200).redirect("shop/profile");
}
});
}
catch(error) {
console.log(error);
}
}
exports.signup = (req, res) => {
console.log(req.body);
const {name, email, password, passwordConfirm} = req.body;
con.query('SELECT email FROM users WHERE email = ?', [email], async (error, results) => {
if(error) {
console.log(error);
}
if(results.length > 0) {
return res.render('shop/signup', {
message: 'That email is already in use!'
});
}
else if(password !== passwordConfirm) {
return res.render('shop/signup', {
message: 'Passwords do not match!'
});
}
let hashedPassword = await bcrypt.hash(password, 8);
console.log(hashedPassword);
con.query('INSERT INTO users SET ?', {name: name, email: email, password: hashedPassword}, (error, results) => {
if(error) {
console.log(error);
}
else {
console.log(results);
return res.render('shop/signup', {
message: 'User Registered!'
});
}
});
});
}
这是 Routes 文件夹 - user.js
router.post('/signup', authController.signup);
router.post('/signin', authController.signin);
module.exports = router;
解决方案
主啊,你可以通过两种方式解决这个工作。
1-本地消息
return res.send("<script> alert('Error Message'); window.location = 'shop/signin'; </script>")
2-如果你不想使用本地消息使用'flash'和'session'包
推荐阅读
- android - Android WorkManager IncompatibleClassChangeError
- javascript - 如何确定javascript中展开运算符的结果的数据类型?
- azure - 什么会阻止 Azure Function Runtime 在 ILB ASE 部署中启动?
- node.js - 需要外部防火墙的 NodeJS TLS/TCP 服务器
- python - 使用 lru_cache 装饰器测试函数
- tfs - 无法从 Visual Studio 源代码管理资源管理器中删除 TFS Online 已删除项目
- python - 西里尔符号在 numpy 数组中解码
- java - 如何索引spring data mongodb中的所有字段?
- pdf - 有没有办法使用 convertapi 将 docx 转换为仅图像的 pdf?
- python - 在熊猫中枢轴后重新索引