- Add detailed console logging throughout login flow - Add 30s timeout to prevent hanging requests - Defer permission fetching with setTimeout to avoid race conditions - Add automatic retry for 5xx errors and network failures - Enhanced error logging with full context for debugging This addresses intermittent login failures reported by users
64 lines
1.6 KiB
JavaScript
64 lines
1.6 KiB
JavaScript
import axios from 'axios';
|
|
|
|
const API_URL = process.env.REACT_APP_BACKEND_URL;
|
|
|
|
export const api = axios.create({
|
|
baseURL: `${API_URL}/api`,
|
|
timeout: 30000, // 30 second timeout for all requests
|
|
});
|
|
|
|
// Request interceptor - add auth token
|
|
api.interceptors.request.use(
|
|
(config) => {
|
|
const token = localStorage.getItem('token');
|
|
if (token) {
|
|
config.headers.Authorization = `Bearer ${token}`;
|
|
}
|
|
return config;
|
|
},
|
|
(error) => {
|
|
console.error('[API] Request error:', error);
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
// Response interceptor - handle errors and retries
|
|
api.interceptors.response.use(
|
|
(response) => {
|
|
return response;
|
|
},
|
|
async (error) => {
|
|
const config = error.config;
|
|
|
|
// Don't retry if we've already retried or if it's a client error (4xx)
|
|
if (!config || config.__isRetry || (error.response && error.response.status < 500)) {
|
|
console.error('[API] Request failed:', {
|
|
url: config?.url,
|
|
method: config?.method,
|
|
status: error.response?.status,
|
|
message: error.message,
|
|
data: error.response?.data
|
|
});
|
|
return Promise.reject(error);
|
|
}
|
|
|
|
// Mark as retry to prevent infinite loops
|
|
config.__isRetry = true;
|
|
|
|
// Retry after 1 second for server errors or network issues
|
|
console.warn('[API] Retrying request after 1s:', {
|
|
url: config.url,
|
|
method: config.method,
|
|
error: error.message
|
|
});
|
|
|
|
return new Promise((resolve) => {
|
|
setTimeout(() => {
|
|
resolve(api.request(config));
|
|
}, 1000);
|
|
});
|
|
}
|
|
);
|
|
|
|
export default api;
|