Develope/PROJECTS3 [BueaFit] - Auth 인증 관리 3 저번 포스팅에서는 쿠키 보안 정책 때문에 쿠키를 사용 할 수 없어서 세션 스토리지를 사용했었다.하지만 이번에 SSL(HTTPS)이 추가 되면서 요청과 도메인이 같은 url이 아니어도 쿠키를 전달 할 수 있게 되어 다시 쿠키로 인증 관리를 하는 방법으로 전환했다. const login = async () => { try{ const response = await fetch(`${process.env.NEXT_PUBLIC_BUEAFIT_API}/auth/login`, { method: "POST", credentials: "include", headers: { "Content-Type": "applicatio.. 2025. 6. 1. [BueaFit] - next 로그인 인증 관리하기2 - api multiple request 2025.05.02 - [Develope/PROJECTS] - [BueaFit] - next에서 로그인 인증 관리하기 [BueaFit] - next에서 로그인 인증 관리하기로그인이 성공하면 미들웨어에서 refresh token을 쿠키에 저장하여 aceess token이 없거나 만료 되었을 때 refresh token으로 재인증하는 방식을 구현 중, 쿠키에 refresh token이 있어도 api서버에 전달되지 않deer-develope-diary.tistory.com 저번에 쿠키 보안 정책에 의해 api와 배포 된 url이 서로 일치하지 않으면 저장되지 않고 새로고침하면 사라지는 것을 확인했다.그래서 api를 route 시키고 토큰 갱신하는 페이지를 따로 만들어서 완료했었다.근데 여기서 문제가 또 발생했.. 2025. 5. 23. [BueaFit] - next에서 로그인 인증 관리하기 로그인이 성공하면 미들웨어에서 refresh token을 쿠키에 저장하여 aceess token이 없거나 만료 되었을 때 refresh token으로 재인증하는 방식을 구현 중, 쿠키에 refresh token이 있어도 api서버에 전달되지 않는 에러가 발생했다. 0. 문제 상황리프레시 토큰이 있고, 액세스 토큰이 없으면 로그인 화면으로 redirect 되어 refresh token이 갱신되지 않고 있었다. 1. 문제 확인리프레시 요청: Response { [Symbol(state)]: { aborted: false, rangeRequested: false, timingAllowPassed: false, requestIncludesCredentials: false, type: 'default'.. 2025. 5. 2. 이전 1 다음