所以我转换.hbs模板.ejs模板,并尝试看到了差距。我以为转换将是相同的,但事实并非如此。
我的代码正在运行。我可以注册一个用户,但是没有出现错误。错误显示是我代码中的主要问题。
这是.HBS版本的Error
{{#if message}}
<h4 class="alert alert-danger mt-4">{{message}}</h4>
{{/if}}
这是Error的.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>
<% }%>
这是Controllers文件夹-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”程序包
我用了它,它起作用了!尽管单击警报消息的“确定”后,它会显示一条错误消息,提示无法获取该页面。
试试这个代码
return res.send("<script> alert('Error Message'); window.location = '../../shop/signin'; </script>"
据我了解,你给的道路错了
如果您可以将代码上传到github帐户,那么我可以从那里看到您的错误。
我的坏,你是对的。这是路径错误。我将位置从“购物/登录”更改为“ /登录”,并且现在可以正常使用,在显示警报消息后它会重定向回页面。谢谢!