Merge pull request #189 from Quad8/188-fix-interceptor-multipart-type-수정

[Fix]interceptor Content-Type 적용 변경
Quad8 · Aug 25, 2024 · 5d13c0d · 5d13c0d
2 parents d215645 + 15d4745
commit 5d13c0d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 18 deletions.
diff --git a/src/api/communityAPI.ts b/src/api/communityAPI.ts
@@ -110,6 +110,9 @@ export const getCustomOrderList = async () => {
 export const postCreateCustomReview = async (formData: FormData) => {
   try {
     await baseAPI.post('/api/v1/community/create', {
+      headers: {
+        'Content-Type': 'application/json',
+      },
       body: formData,
     });
   } catch (error) {

diff --git a/src/api/interceptor/interceptor.ts b/src/api/interceptor/interceptor.ts
@@ -13,16 +13,19 @@ const requestAPI = async <T>(
   retryWithoutToken?: boolean,
 ): Promise<ResponseAPIType<T>> => {
   const accessToken = await getCookie('accessToken');
+  const fetchOption = {
+    ...option,
+    headers: {
+      ...option?.headers,
+    },
+  };
+  if (!(option?.body instanceof FormData)) {
+    Object.assign(fetchOption.headers, { 'Content-Type': 'application/json' });
+  }
 
   if (!accessToken) {
     try {
-      const response = await fetch(baseURL + url, {
-        ...option,
-        headers: {
-          'Content-Type': 'application/json',
-          ...option?.headers,
-        },
-      });
+      const response = await fetch(baseURL + url, fetchOption);
 
       const data: ResponseAPIType<T> = await response.json();
 
@@ -37,11 +40,10 @@ const requestAPI = async <T>(
   }
   try {
     const response = await fetch(baseURL + url, {
-      ...option,
+      ...fetchOption,
       headers: {
-        'Content-Type': 'application/json',
+        ...fetchOption.headers,
         Authorization: `Bearer ${accessToken}`,
-        ...option?.headers,
       },
     });
     const data = await response.json();
@@ -55,14 +57,7 @@ const requestAPI = async <T>(
           return result;
         }
         if (retryWithoutToken) {
-          const res = await fetch(baseURL + url, {
-            ...option,
-            headers: {
-              'Content-Type': 'application/json',
-              ...option?.headers,
-            },
-          });
-
+          const res = await fetch(baseURL + url, fetchOption);
           const result: ResponseAPIType<T> = await res.json();
           if (!res.ok) {
             throw new Error(result.message);

diff --git a/src/app/shop/[category]/[productId]/_components/Product/OptionWithButtons.tsx b/src/app/shop/[category]/[productId]/_components/Product/OptionWithButtons.tsx
@@ -170,6 +170,7 @@ export default function OptionWithButton({ productData }: OptionWithButtonProps)
     if (!optionList) {
       const noOptionData: CreateOrderAPIType = [{ productId, switchOptionId: null, quantity: noOptionCount }];
       handleBuyProduct(noOptionData);
+      handleClickCartButton(() => handleBuyProduct(noOptionData));
       return;
     }