API Error Handling: Chiến lược Global Interceptor

import axios from "axios";
import { toast } from "sonner"; // Thư viện Toast xịn

const api = axios.create({ baseURL: "/api" });

// Response Interceptor
api.interceptors.response.use(
  (response) => response.data, // Trả về data sạch luôn
  async (error) => {
    const originalRequest = error.config;

    // 1. Xử lý mạng
    if (!error.response) {
      toast.error("Vui lòng kiểm tra kết nối mạng!");
      return Promise.reject(error);
    }

    const { status, data } = error.response;

    // 2. Xử lý 401 (Refresh Token)
    if (status === 401 && !originalRequest._retry) {
      originalRequest._retry = true;
      try {
        const newToken = await refreshTokenService();
        axios.defaults.headers.common['Authorization'] = `Bearer ${newToken}`;
        // Gọi lại request cũ với token mới
        return api(originalRequest);
      } catch (refreshError) {
        // Refresh cũng tạch -> Logout
        window.location.href = "/login";
        return Promise.reject(refreshError);
      }
    }

    // 3. Xử lý Global Error (500, 403)
    if (status >= 500) {
      toast.error("Hệ thống đang bảo trì. Vui lòng thử lại sau.");
    } else if (status === 403) {
      toast.error("Bạn không có quyền thực hiện hành động này.");
    }

    // Ném lỗi tiếp để Component xử lý (nếu cần xử lý riêng UI như form error)
    return Promise.reject(error);
  }
);

async function http<T>(path: string, config?: RequestInit): Promise<T> {
  const request = new Request(path, config);
  const response = await fetch(request);

  if (!response.ok) {
    // Tự định nghĩa Error Object chuẩn
    const errorBody = await response.json().catch(() => ({}));
    const error = new Error(errorBody.message || "Unknown Error") as any;
    error.status = response.status;
    error.info = errorBody;
    
    // Global handling
    if (response.status === 401) {
       // Server Component không redirect window được -> Redirect() của Next.js
    }
    
    throw error;
  }

  return response.json();
}