这可能看起来很愚蠢，但我试图在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'}
当前回答
这是我的准则:为我工作
var jsonData = request.body;
var jsonParsed = JSON.parse(JSON.stringify(jsonData));
// message_body = {
// "phone": "5511995001920",
// "body": "WhatsApp API on chat-api.com works good"
// }
axios.post(whatsapp_url, jsonParsed,validateStatus = true)
.then((res) => {
// console.log(`statusCode: ${res.statusCode}`)
console.log(res.data)
console.log(res.status);
// var jsonData = res.body;
// var jsonParsed = JSON.parse(JSON.stringify(jsonData));
response.json("ok")
})
.catch((error) => {
console.error(error)
response.json("error")
})
其他回答
在请求配置中有一个名为validateStatus的新选项。您可以使用它来指定如果状态< 100或状态> 300(默认行为)不抛出异常。例子:
const {status} = axios.get('foo.example', {validateStatus: () => true})
为了获得从服务器返回的http状态代码，你可以在axios选项中添加validateStatus: status => true:
axios({
method: 'POST',
url: 'http://localhost:3001/users/login',
data: { username, password },
validateStatus: () => true
}).then(res => {
console.log(res.status);
});
这样，每个http响应都会解析从axios返回的承诺。
https://github.com/axios/axios#handling-errors
我使用这个拦截器来获得错误响应。
const HttpClient = axios.create({
baseURL: env.baseUrl,
});
HttpClient.interceptors.response.use((response) => {
return response;
}, (error) => {
return Promise.resolve({ error });
});
您看到的是错误对象的toString方法返回的字符串。(错误不是一个字符串。)
如果从服务器接收到响应，error对象将包含response属性:
axios.get('/foo')
.catch(function (error) {
if (error.response) {
console.log(error.response.data);
console.log(error.response.status);
console.log(error.response.headers);
}
});
使用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)
})
