songahh / happytrip

Making an application about travel

HappyTrip

국내 여행 계획 서비스

기능

여행지 검색

여행일정 관리

Stack

happytrip's Issues

[auth] 구글 소셜로그인 CORS 에러 관련

참고했던 책의 코드가 SSR이라서 내 프로젝트에 적용을 하면 CORS에러가 발생한다.

요래저래 피해갈 수는 없을까 싶었는데, 고민한 결과 방법이 없는 것 같아서 일단 기록으로 남겨두려고 한다.
분명히 해본 시도인데 기억력 이슈로 돌아서면 까먹고 안되는 걸 계속 반복하고 있어서다.. 😇

현재 지금 구조는 이렇다.

1. Vue 서버 → Spring 서버

1. axios를 사용해서 요청을 보내기
2. redirect 시키기

1번의 경우는 2번 과정에서 cors 에러가 발생한다.
2번의 경우는 로그인까지는 문제없지만, 결과로 페이지가 아닌 json 객체가 보이게 된다.

2번의 경우 SSR인 경우 페이지를 만들어서 보내기 때문에 문제가 없지만
나는 그게 아니기 때문에.. 다른 방법을 찾아야 한다.

2. 해결방안

01 Vue 서버 → Google 서버

제일 먼저 생각난 방법은 Vue 서버에서 Spring 서버를 거치지 않고
Google 서버로 요청을 바로 보내서 Token을 받는 방식이다.

그리고 토큰과 함께 백엔드 서버로 로그인 요청을 보내면 해결할 수 있을 것이다.
JEBAL 🥹🥹🥹🥹🥹🥹🥹🥹🥹😆🥹🥹🤢🥹
안되면 해결방안 02로 돌아와야지,,