Feat : 폴더 생성 기능 구현

Author: hongggyelim

lib/api/axiosInstanceApi.ts

@@ -8,7 +8,7 @@ const axiosInstance = axios.create({
 
 export const proxy = axios.create({
   // 배포 이후에는 배포된 URL로 변경해야 함.
-  // baseURL: "http://localhost:3000", -> baseURL을 안쓰면 로컬에서는 로컬3000, 배포했을때는 배포된 도메인으로 감
+  baseURL: "http://localhost:3000",
   timeout: 5000,
   withCredentials: true,
 });

pages/api/folders/index.ts

@@ -1,4 +1,5 @@
 import axiosInstance from "@/lib/api/axiosInstanceApi";
+import axios from "axios";
 import { NextApiRequest, NextApiResponse } from "next";
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
@@ -11,13 +12,19 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
 
   if (req.method === "POST") {
     try {
-      const { name } = req.body;
-
-      const response = await axiosInstance.post("/folders", { name });
+      const response = await axiosInstance.post("/folders", req.body, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
       console.log(response);
       return res.status(200).json({ message: "폴더 생성 성공" });
     } catch (error) {
-      return res.status(500).json({ message: "서버 오류" });
+      if (axios.isAxiosError(error) && error.response) {
+        const status = error.response.status;
+        const message = error.response.data?.message || "알 수 없는 오류 발생";
+        return res.status(status).json({ message });
+      }
     }
   } else {
     res.status(405).json({ message: "허용되지 않은 접근 방법" });