gpt4 book ai didi

ajax - 使用 axios 捕获错误

转载 作者:行者123 更新时间:2023-12-04 02:01:46 25 4
gpt4 key购买 nike

我无法使用 axios 捕获错误响应。怎么做?
我使用类似的东西:

axios
.post(...)
.then(response => {
console.log('Success: ', response)
}).catch(error => {
console.log('Error: ', error)
})

我看到ajax请求的结果有400个状态码,响应体看起来像 {someField:["This field may not be blank"]} (Django 后端)。没关系,我已经准备好在 catch 处理程序中处理这些错误了。

但是他们会转到成功处理程序。为什么这样?我在控制台中看到以下输出:
Success: Error: Request failed with status code 400
at createError (createError.js:16)
at settle (settle.js:18)
at XMLHttpRequest.handleLoad (xhr.js:77)

成功处理程序接收 axios 错误对象作为结果。为什么会这样,下一步该怎么做?此错误对象不包含任何有用的信息。

更新。实际上,错误对象确实包含有用的信息,它内部包含响应对象。所以我们可以使用:
axios
.post(...)
.then(response => {
if (response && response.response) {
console.log('This is also an error', response.response.status)
} else {
console.log('Success: ', response)
}
}).catch(error => {
console.log('Error: ', error)
})

但这看起来 super 难看。

axios 版本是 axios@0.16.2。

这是一个大项目,但我找不到任何 axios 定制。

最佳答案

使用 Axios 拦截器进行响应。检查您要强制哪个状态作为错误失败,以便它们通过 catch每当您收到所述状态代码时的路径。

axios.interceptors.response.use(function (response) {
if (response.status === 400) {
return Promise.reject(response);
}
return response;
}, function (error) {
// Do something with response error
return Promise.reject(error);
});

如果您没有收到预期的状态代码,您可能会更改在拦截器中检查响应的方式。您可以检查 Axios response is structured 的任何元素.
axios.interceptors.response.use(function (response) {
if (response.statusText !== 'OK') {
return Promise.reject(response);
}
return response;
}, function (error) {
// Do something with response error
return Promise.reject(error);
});

关于ajax - 使用 axios 捕获错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46720685/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com