Fix: ssr에서 proxy로 접근

Author: 99minji

components/LinkCard.tsx

@@ -28,7 +28,7 @@ const LinkCard = ({ isFavoritePage, ...info }: CardItemProps) => {
       <section className="relative w-full h-[60%]">
         <Image
           src={info.imageSource || `/images/no-content.svg`}
-          objectFit="cover"
+          className="object-cover"
           alt="링크 미리보기"
           fill
         />

lib/api/link.ts

@@ -49,13 +49,9 @@ export const getLinks = async () => {
 };
 
 // 유저의 즐겨찾기 링크 조회(auth)
-export const getFavorites = async ({
-  headers,
-}: {
-  headers: Record<string, string>;
-}) => {
+export const getFavorites = async () => {
   try {
-    const res = await proxy.get("/api/favorites", { headers });
+    const res = await proxy.get("/api/favorites");
     if (res.status >= 200 && res.status < 300) return res.data;
   } catch (err) {
     console.error("에러 메시지: ", err instanceof Error ? err.message : err);

pages/favorite/index.tsx

@@ -1,5 +1,5 @@
 import { GetServerSideProps, GetServerSidePropsContext } from "next";
-import { getFavorites } from "@/lib/api/link";
+import { proxy } from "@/lib/api/axiosInstanceApi";
 import LinkCard from "@/components/LinkCard";
 import CardsLayout from "@/components/Layout/CardsLayout";
 import Container from "@/components/Layout/Container";
@@ -28,37 +28,21 @@ export const getServerSideProps: GetServerSideProps = async (
   const cookies = req.headers.cookie || "";
 
   try {
-    const res = await getFavorites({
+    const res = await proxy.get("/api/favorites", {
       headers: {
         Cookie: cookies, // 쿠키를 그대로 포함시킴
       },
     });
-    return { props: { favoriteList: res.list || [] } };
+
+    const { list, totalCount } = res.data || { list: [], totalCount: 0 };
+    return { props: { favoriteList: list, totalCount } };
   } catch (error) {
     console.error("서버사이드에러", error);
-    return { props: { favoriteList: [] } };
+    return { props: { favoriteList: [], totalCount: 0 } };
   }
 };
 
-const FavoritePage = ({ favoriteList }: FavoriteProps) => {
-  // 임시 보류
-  // const [favoriteList, setFavoriteList] = useState<FavoriteDataType[]>([]);
-
-  // useEffect(() => {
-  //   const fetchFavorites = async () => {
-  //     try {
-  //       const data = await getFavorites();
-  //       if (data) {
-  //         setFavoriteList(data.list);
-  //       }
-  //     } catch (err) {
-  //       console.error(err);
-  //     }
-  //   };
-
-  //   fetchFavorites();
-  // }, []);
-
+const FavoritePage = ({ favoriteList, totalCount }: FavoriteProps) => {
   return (
     <>
       <div className="page-title pt-[10px] md:pt-5 pb-10 md:pb-[60px] bg-gray100 text-center">