这可能看起来很愚蠢，但我试图在Axios中获得请求失败时的错误数据。
axios
.get('foo.example')
.then((response) => {})
.catch((error) => {
console.log(error); //Logs a string: Error: Request failed with status code 404
});
而不是字符串，是否有可能获得一个对象的状态代码和内容?例如:
Object = {status: 404, reason: 'Not found', body: '404 Not found'}
当前回答
只抓取错误却不返回对象，这确实很奇怪。返回错误。回应能让你获得你需要的大部分反馈。
最后我用了这个:
axios.get(...).catch( error => { return Promise.reject(error.response.data.error); });
它严格地提供了我需要的东西:状态码(404)和错误的文本消息。
其他回答
const handleSubmit = (e) => {
e.preventDefault();
// console.log(name);
setLoading(true);
createCategory({ name }, user.token)
.then((res) => {
// console.log("res",res);
setLoading(false);
setName("");
toast.success(`"${res.data.name}" is created`);
loadCategories();
})
.catch((err) => {
console.log(err);
setLoading(false);
if (err.response.status === 400) toast.error(err.response.data);//explained in GD
});
};
看看控制台日志，你就明白了
正如@Nick所说，当你在console.log中设置一个JavaScript错误对象时，你所看到的结果取决于console.log的确切实现，这使得检查错误变得非常烦人。
如果你想看到完整的Error对象和它所携带的所有信息，绕过toString()方法，你可以使用JSON.stringify:
axios.get('/foo')
.catch(function (error) {
console.log(JSON.stringify(error))
});
你可以把错误放入一个对象并记录该对象的日志，如下所示:
axios.get('foo.example')
.then((response) => {})
.catch((error) => {
console.log({error}) // this will log an empty object with an error property
});
使用TypeScript，用正确的类型很容易找到你想要的东西。
这使一切都变得更简单，因为您可以使用自动完成获得类型的所有属性，因此您可以知道响应和错误的正确结构。
import { AxiosResponse, AxiosError } from 'axios'
axios.get('foo.example')
.then((response: AxiosResponse) => {
// Handle response
})
.catch((reason: AxiosError) => {
if (reason.response!.status === 400) {
// Handle 400
} else {
// Handle else
}
console.log(reason.message)
})
此外，您还可以向这两种类型传递一个参数，以告知您所期望的内部响应。数据如下:
import { AxiosResponse, AxiosError } from 'axios'
axios.get('foo.example')
.then((response: AxiosResponse<{user:{name:string}}>) => {
// Handle response
})
.catch((reason: AxiosError<{additionalInfo:string}>) => {
if (reason.response!.status === 400) {
// Handle 400
} else {
// Handle else
}
console.log(reason.message)
})
与Axios
post('/stores', body).then((res) => {
notifyInfo("Store Created Successfully")
GetStore()
}).catch(function (error) {
if (error.status === 409) {
notifyError("Duplicate Location ID, Please Add another one")
} else {
notifyError(error.data.detail)
}
})
