[Google OAuth2] The given origin is not allowed for the given client ID 에러 해결

Google 로그인 연동 처리 중에 아래와 같은 에러가 발생했다. 

The given origin is not allowed for the given client ID

 

구글 연동을 위해 Google Cloud에서 등록한 클라이언트와 지금 호출하고 있는 도메인에 문제가 있었다. 처음에는 로컬에서 테스트를 위해서 구글에서 아래와 같이 'http://localhost:8080'으로 설정 했다. 그러니  위에 같은 에러가 발생하는 상황이었다.

 

해결방법은 다음과 같이 port를 제거한 도메인 "http://localhost" 를 함께 등록해주니 해결됐다

 

연관 내용:

Vue.js Google 로그인 연동하기