feat: add shared

frontend/src/shared/api/axios.instance.ts

@@ -0,0 +1,64 @@
+import axios, {
+  type AxiosInstance,
+  type AxiosResponse,
+  type AxiosError,
+  type InternalAxiosRequestConfig,
+} from "axios";
+
+export interface ApiResponse<T = any> {
+  data: T;
+  message?: string;
+  status: number;
+}
+
+class ApiClient {
+  private axiosInstance: AxiosInstance;
+
+  constructor() {
+    this.axiosInstance = axios.create({
+      baseURL: "http://194.113.106.59:8080/api/v1",
+      timeout: 10000,
+      headers: {
+        "Content-Type": "application/json",
+      },
+      validateStatus: (status) => {
+        return status >= 200 && status < 500;
+      },
+    });
+
+    this.setupInterceptors();
+  }
+
+  private setupInterceptors(): void {
+    this.axiosInstance.interceptors.request.use(
+      (config: InternalAxiosRequestConfig): InternalAxiosRequestConfig => {
+        return config;
+      },
+      (error: AxiosError): Promise<AxiosError> => {
+        console.error("[Request Error]", error);
+        return Promise.reject(error);
+      },
+    );
+
+    this.axiosInstance.interceptors.response.use(
+      (response: AxiosResponse): AxiosResponse => {
+        console.log(`[Response] ${response.status} ${response.config.url}`);
+        return response;
+      },
+      async (error: AxiosError): Promise<any> => {
+        if (error.response?.status === 401) {
+          window.location.href = "/auth";
+          return Promise.reject(error);
+        }
+
+        return Promise.reject(error);
+      },
+    );
+  }
+
+  public getInstance(): AxiosInstance {
+    return this.axiosInstance;
+  }
+}
+
+export const apiClient = new ApiClient().getInstance();