Response Interceptors in JavaScript

From the Axios cheat sheet · Interceptors & Error Handling · verified Jul 2026

Response Interceptors

Transform responses and handle errors globally

javascript
// Add response interceptor
axios.interceptors.response.use(
  (response) => {
    // Transform successful response
    console.log('Response:', response.status);
    return response.data; // Return only data
  },
  (error) => {
    // Handle error globally
    if (error.response?.status === 401) {
      // Redirect to login
      window.location.href = '/login';
    }
    return Promise.reject(error);
  }
);
✅ Centralize error handling - no try/catch in every component
💡 Implement token refresh logic to handle expired sessions
🔍 Return response to continue, reject to trigger catch block
⚡ Use _retry flag to prevent infinite retry loops
interceptorsresponseerrorsretry

Continue with Axios

Save the full cheat sheet or work through every related task.

More JavaScript tasks

Back to the full Axios cheat sheet