在拦截器中访问 Axios 错误代码

Question

When using axios response interceptors in client-side JavaScript/React/etc, how can I access error codes such as the following:

• ERR_CONNECTION_REFUSED (API server is down)
• ERR_INTERNET_DISCONNECTED (local network is down)

I noticed that these codes get printed to the console by axios/lib/adapters/xhr.js , but I can't seem to work out how to access them myself in my response interceptor?

Code:

axios.interceptors.response.use(null, (error) => {

    console.log(error.???);

    return Promise.reject(error);
}

NB: The point is to be able to distinguish between "Your internet is down" and "Our API is down" when showing an error message to the user.

Answer 1

You can get status like this error.response.status but write safe code since it is not always true. In case of 502, error.response is undefined and will break

Here is how you can handle your errors

 axios.interceptors.response.use(null, (error) => { if (error.message === 'Network Error') { if (error?.response?.status') === 504) { throw { message: 'Something went wrong. Please try again later.', }; } else { throw { message: 'You are not connected to the internet. Verify your connection and then try again.', }; } } if (error.response) { if (error.response.status === 500) { throw { message: 'Something went wrong. Please try again later.', }; } if (error.response.status === 401) { // logout logic } if (error.response.status === 403) { // redirect user to some home page since that action is not allowed } throw {...error.response.data, statusCode: error.response.status }; } throw { message: 'Something went wrong. Please try again later.', }; });