🔀 Deploy

src/utils/Libs/apiClient.ts

@@ -1,44 +1,15 @@
 import axios from 'axios';
 import BASE_HEADER from '../Config/Config.json';
-import { tokenReissue } from 'api/member';
-import { getToken } from './getToken';
+import { setHeader } from './setHeader';
+import { getRefresh } from './getRefresh';
 
 export const apiClient = axios.create({
   baseURL: process.env.NEXT_PUBLIC_BASE_URL,
   headers: BASE_HEADER,
 });
 
-apiClient.interceptors.response.use(
-  function (response) {
-    return response;
-  },
-  async function (err) {
-    const originalRequest = err.config;
+apiClient.interceptors.request.use(setHeader);
 
-    if (
-      err.response &&
-      (err.response.status === 401 || err.response.status === 403) &&
-      !originalRequest._retry
-    ) {
-      originalRequest._retry = true;
-
-      try {
-        const { RefreshToken } = await getToken(null);
-        const tokenResponse = await tokenReissue(
-          'Bearer ' + RefreshToken,
-          null
-        );
-
-        if (tokenResponse && tokenResponse.newAuthorization) {
-          originalRequest.headers['Authorization'] =
-            'Bearer ' + tokenResponse.newAuthorization;
-          return apiClient(originalRequest);
-        }
-      } catch (refreshError) {
-        return Promise.reject(refreshError);
-      }
-    }
-
-    return Promise.reject(err);
-  }
-);
+apiClient.interceptors.response.use(function (response) {
+  return response;
+}, getRefresh);

src/utils/Libs/getRefresh.ts

@@ -0,0 +1,45 @@
+import { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';
+import { getToken } from './getToken';
+import { tokenReissue } from 'api/member';
+import { apiClient } from './apiClient';
+
+interface TokenResponse {
+  newAuthorization: string;
+}
+
+export async function getRefresh(
+  err: AxiosError
+): Promise<AxiosResponse | Promise<never>> {
+  const originalRequest = err.config as AxiosRequestConfig & {
+    _retry?: boolean;
+  };
+
+  if (
+    err.response &&
+    (err.response.status === 401 || err.response.status === 403) &&
+    !originalRequest._retry
+  ) {
+    originalRequest._retry = true;
+
+    try {
+      const { RefreshToken } = (await getToken(null)) as {
+        RefreshToken: string;
+      };
+      const tokenResponse = (await tokenReissue(
+        'Bearer ' + RefreshToken,
+        null
+      )) as TokenResponse;
+
+      if (tokenResponse && tokenResponse.newAuthorization) {
+        originalRequest.headers = originalRequest.headers || {};
+        originalRequest.headers['Authorization'] =
+          'Bearer ' + tokenResponse.newAuthorization;
+        return apiClient(originalRequest);
+      }
+    } catch (refreshError) {
+      return Promise.reject(refreshError);
+    }
+  }
+
+  return Promise.reject(err);
+}

src/utils/Libs/setHeader.ts

@@ -0,0 +1,18 @@
+import { AxiosRequestConfig } from 'axios';
+import { getToken } from './getToken';
+import { MemberController } from './requestUrls';
+
+export const setHeader = async (config: AxiosRequestConfig) => {
+  if (typeof window !== 'object') return config;
+  const { Authorization } = await getToken(null);
+
+  if (
+    config.headers &&
+    Authorization &&
+    !config.url?.includes(MemberController.auth)
+  ) {
+    config.headers['Authorization'] = Authorization;
+  }
+
+  return config;
+};