axios 错误只提示一次
在使用 axios 进行网络请求时，我们可能会遇到错误只提示一次的情况。这种情况下，我们可能只能获得一个错误信息，而无法获取更详细的错误信息。本文将介绍错误只提示一次的原因，并提供解决方案来解决这个问题。
问题描述
当使用 axios 发送网络请求时，如果遇到错误，比如网络错误或者服务器返回的错误信息，axios 库会将错误信息封装在一个 Error 对象中，并将其传递给 .catch 方法。但是，这个错误信息只会提示一次，后续的相同错误将不再提示。
下面是一个简单的示例：
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error.message);
});
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error.message);
});
在上面的示例中，我们使用 axios 发送了两个相同的 GET 请求。假设第一个请求成功，但第二个请求失败了，我们只能看到一次错误提示。这是因为 axios 错误只提示一次的特性。
错误只提示一次的原因
错误只提示一次的原因是因为 axios 使用了 Promise 的链式调用。当一个 Promise 被拒绝（rejected），axios 会将错误信息传递给 .catch 方法。然而，Promise 的链式调用中只会执行最后一个 .catch 方法。这意味着，如果多个请求共享同一个错误处理函数，只有最后一个请求失败时才会触发错误提示。
解决方案
为了解决 axios 错误只提示一次的问题，我们可以使用 axios 的拦截器来捕获错误，并将其重新抛出。
下面是一个解决方案的示例：
axios.interceptors.response.use(
response => response,
error => {
return Promise.reject(error);
}
);
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error.message);
});
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error.message);
});
在上面的示例中，我们使用 axios 的 interceptors.response 拦截器来捕获所有的错误，并将其重新抛出。这样，每个请求都会触发错误处理函数，从而解决了错误只提示一次的问题。
结论
在本文中，我们讨论了 axios 错误只提示一次的问题，并提供了解决方案。通过使用 axios 的拦截器，我们可以捕获所有的错误并重新抛出，从而每个请求都能触发错误处理函数。这样，我们可以获取到所有的错误信息，而不仅仅是第一个错误。希望本文能帮助你解决 axios 错误只提示一次的问题。
