서버 주소 노출 방지 및 error handler 추가

next.config.js

@@ -13,5 +13,13 @@ const nextConfig = {
   images: {
     domains: [process.env.NEXT_PUBLIC_IMAGE_DOMAIN],
   },
+  async rewrites() {
+    return [
+      {
+        source: '/server/:path*',
+        destination: `${process.env.NEXT_PUBLIC_SERVER_URL}/:path*`,
+      },
+    ]
+  },
 }
 module.exports = nextConfig

src/utils/apis/data.ts

@@ -1,65 +1,57 @@
-import { toast } from 'react-toastify'
 import { apiClient } from 'utils/libs/apiClient'
-import toastOption from 'utils/libs/toastOption'
+import handleError from './handleError'
 
 export const getData = async (url: string | undefined, params?: any) => {
   try {
-    let config = {
-      params: params,
-    }
+    const config = { params }
     const { data } = await apiClient.get(url || '', config)
     return { data }
-  } catch (e: any) {
-    toast.error(e.response.data.message, toastOption)
-    throw e
+  } catch (e) {
+    handleError(e)
   }
 }
 
 export const postData = async (url: string, body?: any) => {
   try {
     const { data } = await apiClient.post(url || '', body)
-  } catch (e: any) {
-    throw e
+    return { data }
+  } catch (e) {
+    handleError(e)
   }
 }
 
 export const postFormData = async (url: string, data: any) => {
   try {
     await apiClient.post(url || '', data, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
+      headers: { 'Content-Type': 'multipart/form-data' },
     })
-  } catch (e: any) {
-    throw e
+  } catch (e) {
+    handleError(e)
   }
 }
 
 export const patchFormData = async (url: string, data: any) => {
   try {
     await apiClient.patch(url || '', data, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
+      headers: { 'Content-Type': 'multipart/form-data' },
     })
-  } catch (e: any) {
-    throw e
+  } catch (e) {
+    handleError(e)
   }
 }
 
 export const patchData = async (url: string, data?: any) => {
   try {
     await apiClient.patch(url || '', data)
-  } catch (e: any) {
-    throw e
+  } catch (e) {
+    handleError(e)
   }
 }
 
 export const deleteData = async (url: string, params?: any) => {
   try {
     await apiClient.delete(url || '', { params })
-  } catch (e: any) {
-    toast.error(e.response.data.message, toastOption)
-    throw e
+  } catch (e) {
+    handleError(e)
   }
 }

src/utils/apis/handleError.ts

@@ -0,0 +1,11 @@
+import { toast } from 'react-toastify'
+import toastOption from 'utils/libs/toastOption'
+
+const handleError = (error: any) => {
+  const errorMessage =
+    error.response?.data?.message || '알 수 없는 에러가 발생했습니다.'
+  toast.error(errorMessage, toastOption)
+  throw error
+}
+
+export default handleError

src/utils/libs/apiClient.ts

@@ -3,7 +3,7 @@ import { getRefresh } from './getRefresh'
 import BASE_HEADER from '../Config/Config.json'
 
 export const apiClient = axios.create({
-  baseURL: process.env.NEXT_PUBLIC_SERVER_URL,
+  baseURL: '/server',
   withCredentials: true,
   headers: BASE_HEADER,
 })