我正在构建认证项目。我不确定如何显示错误消息,以便可以在屏幕上打印它们。例如,如果电子邮件地址已经注册,我如何得到该错误。使用邮递员进行测试时,我能够看到错误消息,但不确定如何使用axios。以下是用户输入已经注册的电子邮件时的代码。我如何访问该消息
User.findOne({ email }).then(user => {
if (user)
return res.status(400).json({ msg: "Email already in use" });
});
答案 0 :(得分:0)
正在发生的事情是,当服务器返回状态码(例如400)时,它最终作为客户端代码(执行请求的地方)中的异常结束。有两种不同的处理方法,但是最简单的方法是进行try/catch
以下是他们在其GitHub上建议的示例:
/*
* Handling Errors using async/await
* Has to be used inside an async function
*/
try {
const response = await axios.get('https://your.site/api/v1/bla/ble/bli');
// Success ?
console.log(response);
} catch (error) {
// Error ?
if (error.response) {
/*
* The request was made and the server responded with a
* status code that falls out of the range of 2xx
*/
console.log(error.response.data);
console.log(error.response.status);
console.log(error.response.headers);
} else if (error.request) {
/*
* The request was made but no response was received, `error.request`
* is an instance of XMLHttpRequest in the browser and an instance
* of http.ClientRequest in Node.js
*/
console.log(error.request);
} else {
// Something happened in setting up the request and triggered an Error
console.log('Error', error.message);
}
console.log(error);
}
他们还有更多示例here。在其他一些HttpClient中,他们可以选择始终返回完整的http响应。我在Axios上看不到该选项,但是它可能只是隐藏在他们的文档中。
答案 1 :(得分:0)
找到有关axios文档的更多信息-https://github.com/axios/axios/blob/master/README.md
假设您有一个api端点,您在其中检查上述标准的唯一电子邮件地址,因此使用axios可以将发布请求发送到端点,并从服务器获取响应。在下面的示例中,将httpbin
URL替换为端点,然后执行以获取响应。
您可以访问msg
,并且错误消息将发布在error
日志中。
处理catch部分中的所有异常。
console.log(response.msg)
axios.post('https://httpbin.org/post', {
email: 'abc@xyz.com',
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script>