Merge pull request #278 from manNomi/fix/qa-bug

Fix : 미들웨어와 queryKey 수정하다

Author: manNomi

src/api/auth/client/usePostLogout.ts

@@ -1,5 +1,3 @@
-import { useRouter } from "next/navigation";
-
 import { AxiosResponse } from "axios";
 
 import { axiosInstance } from "@/utils/axiosInstance";
@@ -11,20 +9,17 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 export const postLogout = (): Promise<AxiosResponse<null>> => axiosInstance.post("/auth/sign-out");
 
 const usePostLogout = () => {
-  const router = useRouter();
   const { clearAccessToken } = useAuthStore();
   const queryClient = useQueryClient(); // 쿼리 캐시 관리를 위해 클라이언트 인스턴스를 가져옵니다.
 
   return useMutation({
     mutationFn: postLogout,
-    onMutate: () => {
-      // 낙관적 업데이트: 로그아웃 요청이 시작되면 바로 로그인 상태를 false로 변경합니다.
-      router.replace("/");
-    },
     onSuccess: () => {
       clearAccessToken();
       removeAccessTokenToLS();
       queryClient.clear();
+      // 로그아웃 후 홈으로 리다이렉트
+      window.location.href = "/";
     },
     onError: (error) => {
       // 네트워크 오류 등으로 로그아웃 요청이 실패했을 경우를 대비한 처리입니다.

src/api/boards/clients/QueryKeys.ts

@@ -0,0 +1,3 @@
+export enum QueryKeys {
+  postList = "postList1",
+}

src/api/boards/clients/useGetMyInfo copy.ts

@@ -2,7 +2,7 @@ import { AxiosResponse } from "axios";
 
 import { axiosInstance } from "@/utils/axiosInstance";
 
-import { QueryKeys } from "../../my/client/queryKey";
+import { QueryKeys } from "./QueryKeys";
 
 import { ListPost } from "@/types/community";
 
@@ -22,7 +22,7 @@ const getPostList = (boardCode: string, category: string | null = null): Promise
 
 const useGetPostList = ({ boardCode, category = null }: UseGetPostListProps) => {
   return useQuery({
-    queryKey: [QueryKeys.myInfo],
+    queryKey: [QueryKeys.postList],
     queryFn: () => getPostList(boardCode, category),
     // staleTime을 무한으로 설정하여 불필요한 자동 refetch를 방지합니다.
     staleTime: Infinity,

src/api/boards/clients/useGetPostList.ts

@@ -34,7 +34,8 @@ export function middleware(request: NextRequest) {
 
   return NextResponse.next();
 }
-
 export const config = {
-  matcher: ["/((?!_next|favicon.ico).*)"],
+  matcher: [
+    "/((?!api|_next/static|_next/image|static/chunks|images|assets|favicon.ico|sw.js|viewer|fonts|.*\\.splat).*)",
+  ],
 };