connect.sid 삭제가 되지 않습니다.

며칠 혼자 시도해보다가 안돼서 결국 답변으로 질문 다시 남깁니다 ㅠ제 증상은 다음과 같습니다.로그인 이후 특정 페이지 이동 시 connect.sid가 s%3...으로 변경됨로그아웃시에도 삭제되지 않고 위와 동일하게 변경됨. (아래 사진)(사진)순서별로 주석으로 설명드리겠습니다.로그인은 다음과 같습니다.// 프론트에서 아래와 같이 로그인을 시도합니다 async function onSubmit(data: z.infer) { const result = await signIn("credentials", { email: data.email, password: data.password, redirect: false, }); if (result?.error) { alert("아이디 / 비밀번호를 다시 확인해주세요."); } else { router.replace("/"); } } // 백엔드에서는 컨트롤러를 거쳐 아래와 같이 토큰을 발급합니다. async setRefreshTokenToUser(user: IUser, response) { const payload = { .... }; const { accessToken, refreshToken } = await this.generateTokens(payload); await this.authRepository.setRefreshToken(user.id, refreshToken); response.cookie('connect.sid', accessToken, { httpOnly: true, sameSite: 'none', secure: false, path: '/', domain: 'localhost', }); } // 이후 프론트의 auth.ts에서는 다음과 같이 로그인 로직을 진행중입니다. authorize: async (credentials): Promise => { const res = await login( credentials.email as string, credentials.password as string ); if (res.ok && res.status === 204) { let setCookie = res.headers.get("set-cookie"); if (setCookie) { const parsed = cookie.parse(setCookie); const token = parsed["connect.sid"]; cookies().set("connect.sid", token); const user = jwtDecode(parsed["connect.sid"]); return { ...user, }; } } if (res.status === 401) { const result = await res.json(); throw new Error(result.message || "Failed to login"); } return null; }, }), ], //login함수는 다음과 같습니다. export const login = async (email: string, password: string) => { const res = await fetch(`${BASE_URL}/login/email`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: "include", body: JSON.stringify({ email, password }), }); return res; }; 로그아웃은 다음과 같습니다.// 로그아웃 버튼에서 다음과 같습니다. const onLogout = async () => { await signOut({ callbackUrl: "/" }); // router.replace("/"); }; // 프론트의 auth.ts입니다. nextauth 로그아웃을 먼저 진행하고 connect.sid를 삭제하려고 하였습니다. events: { signOut: async (data) => { const token = cookies().get("connect.sid"); if (!token) return; await logout(token.value); }, }, // 로그아웃 fetch 입니다 (달러부분은 에디터 오류로 대체) export const logout = async (token: string) => { const res = await fetch(`${BASE_URL}/logout`, { method: "POST", headers: { Authorization : `Bearer (달러){token}` } credentials: "include", return res; }; // 서버코드는 다음과 같습니다. logout(request: any, response: Response) { const { user } = request; response.clearCookie('connect.sid', { httpOnly: true, sameSite: 'none', secure: false, path: '/', domain: 'localhost', }); return this.authRepository.invalidateRefreshToken(user.id); } 가능한 혼자 해결해보려했는데 잘안되네요.. 어느 부분을 수정해야할까요 ㅠ

connect.sid 삭제가 되지 않습니다.

네 path와 domain도 동일합니다. 브라우저로 응답하는 부분이 없어서요. 브라우저가 응답을 받아야 쿠키가 지워집니다. 그리고 쿠키가 지워질 때 네트워크 탭에서 Set-Cookie가 있어야 합니다.왜 동작하지 않는지 이 부분 조금 더 자세히 설명해주실수 있으실까요 ! return해주고 네트워크탭을 확인해보는데 어떤 수정이 필요한지 잘 모르겠습니다 ㅠ

안녕하세요. nginx관련 오류인것 같습니다.

헉 빠른 답변 감사합니다 !우선 해결 하였습니다.말씀해주신 pm2로 실행했었기에 해당 path로 가서 weberror와 wervererror를 확인하였습니다.문제는 서버는 mongoose에러와 cors에러클라이언트는 path not defined문제였습니다..env파일을 git ignore했어서 디비와 연결된 코드가 없었습니다.cors설정도 마찬가지로 routes53을 통해 받은 도메인을 등록하지않았었습니다.server 실행 코드에 path를 require하지 않았습니다.사소한 실수로 비롯된 문제였지만 해결하지 못했었는데알려주신 에러로그 보는법으로 확인하는법을 알았습니다.감사합니다.추가 질문이 있다면 제가 에러 발생시 여러번 접속을 했어서 에러로그가 작성이 꽤 되어있던데 로그가 알아보기 쉽게? 작성되게 하는법?같은것이 있을까요 ?