如何解决Node,Vue-如何在前端显示自定义错误消息?
如果数据库中已经存在该电子邮件,我将返回状态和自定义错误消息。
如何显示我的自定义错误消息? 它只向我显示:“请求失败,状态码为400”, 但我需要我的自定义消息:-)
Node.js:
router.post('/auth/signup',async (req,res,next) => {
try {
const registeredUser = await User.findOne({ email: req.body.email });
if (registeredUser) {
console.log('There is a user already');
return res.status(400).send({
success: false,message: 'User already exists',});
}
...
Vue.js:
export default {
data() {
return {
email: '',password: '',errorMessage: '',}
},methods: {
async onSignup() {
try {
const data = {
email: this.email,password: this.password,}
const response = await this.$axios.$post('/api/auth/signup',data)
if (response.success) {
console.log('User successfully created')
}
} catch (err) {
this.errorMessage = err.message
}
},},}
当然还有html
<p>{{ errorMessage }}</p>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。