这可能看起来很愚蠢，但我试图在 Axios 中请求失败时获取错误数据。
axios
.get('foo.com')
.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'}
【问题讨论】：
标签： javascript axios
你看到的是error对象的toString方法返回的字符串。 （error 不是字符串。）
如果从服务器收到响应，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);
}
});
【讨论】：
response 属性，你能解释一下它自动变成字符串背后的魔力吗？
console.log 使用toString 方法格式化Error 对象。它与引用response 属性无关。
console.loghandlesError 对象作为特例的 node.js 实现。我不能说它在浏览器中是如何实现的，但是如果你在 Chrome DevTools 控制台中调用 console.log({ foo: 'bar' }); 和 console.log(new Error('foo'));，你会看到结果看起来不同。
使用 TypeScript，使用正确的类型很容易找到您想要的内容。
这使一切变得更容易，因为您可以通过自动完成获得该类型的所有属性，因此您可以了解响应和错误的正确结构。
import { AxiosResponse, AxiosError } from 'axios'
axios.get('foo.com')
.then((response: AxiosResponse) => {
// Handle response
})
.catch((reason: AxiosError) => {
if (reason.response!.status === 400) {
// Handle 400
} else {
// Handle else
}
console.log(reason.message)
})
此外，您可以将参数传递给这两种类型，以告知您在 response.data 中的期望，如下所示：
import { AxiosResponse, AxiosError } from 'axios'
axios.get('foo.com')
.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)
})
【讨论】：
正如@Nick 所说，当您 console.log 一个 JavaScript Error 对象时看到的结果取决于 console.log 的确切实现，这会有所不同并且 (imo) 使检查错误非常烦人。
如果您想查看完整的Error 对象以及绕过toString() 方法携带的所有信息，您可以使用JSON.stringify：
axios.get('/foo')
.catch(function (error) {
console.log(JSON.stringify(error))
});
【讨论】：
JSON.stringify(error) 在这种情况下可能会引发 Circular dependency 错误。
请求配置中有一个名为validateStatus 的新选项。您可以使用它来指定当状态 300（默认行为）时不抛出异常。示例：
const {status} = axios.get('foo.com', {validateStatus: () => true})
【讨论】：
您可以使用扩展运算符 (...) 将其强制转换为这样的新对象：
axios.get('foo.com')
.then((response) => {})
.catch((error) => {
console.log({...error})
})
注意：这不会是 Error 的实例。
【讨论】：
我正在使用这个拦截器来获取错误响应。
const HttpClient = axios.create({
baseURL: env.baseUrl,
});
HttpClient.interceptors.response.use((response) => {
return response;
}, (error) => {
return Promise.resolve({ error });
});
【讨论】：
为了获取服务器返回的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 返回的承诺。
【讨论】：
整个错误只能使用 error.response 来显示：
axios.get('url').catch((error) => {
if (error.response) {
console.log(error.response);
}
});
【讨论】：
您可以将错误放入一个对象并记录该对象，如下所示：
axios.get('foo.com')
.then((response) => {})
.catch((error) => {
console.log({error}) // this will log an empty object with an error property
});
希望这对那里的人有所帮助。
【讨论】：
仅获取 error 不会返回对象，这确实很奇怪。在返回 error.response 时，您可以访问所需的大部分反馈信息。
我最终使用了这个：
axios.get(...).catch( error => { return Promise.reject(error.response.data.error); });
它提供了我需要的东西：状态码 (404) 和错误的文本消息。
【讨论】：
使用 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)
}
})
【讨论】：
这是一个已知的bug，尝试使用"axios": "0.13.1"
https://github.com/mzabriskie/axios/issues/378
我遇到了同样的问题，所以我最终使用了"axios": "0.12.0"。对我来说效果很好。
【讨论】：
error时甚至没有涉及到对象
这是我的代码：为我工作
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")
})
【讨论】：
Axios. get('foo.com')
.then((response) => {})
.catch((error) => {
if(error. response){
console.log(error. response. data)
console.log(error. response. status);
}
})
【讨论】：