这可能看起来很愚蠢，但是当 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'}
你看到的是对象的toString方法返回的字符串error。（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);
}
});
使用 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在 JavaScriptError对象时看到的结果取决于 的确切实现console.log，这会有所不同，并且 (imo) 使检查错误变得非常烦人。
如果您想查看完整的Error对象及其绕过该toString()方法的所有信息，您可以只使用JSON.stringify：
axios.get('/foo')
.catch(function (error) {
console.log(JSON.stringify(error))
});
validateStatus请求配置中有一个新选项。如果状态 < 100 或状态 > 300（默认行为），您可以使用它来指定不抛出异常。例子：
const {status} = axios.get('foo.com', {validateStatus: () => true})
我正在使用这个拦截器来获取错误响应。
const HttpClient = axios.create({
baseURL: env.baseUrl,
});
HttpClient.interceptors.response.use((response) => {
return response;
}, (error) => {
return Promise.resolve({ error });
});