react (2) 썸네일형 리스트형 spring boot와 react 연동 중 오류 회고 spring boot와 react 연동 중 오류 회고 spring boot와 react 연동을 위해 서버를 aws에 올려 프런트엔드에서 사용할 수 있도록 배포 작업을 진행했다. 첫 시작은 CORS에러가 나왔다. CORS에러는 요청자의 origin과 서버에서 넘겨주는 origin이 달라서 발생하는 오류인데 기존 local환경에서만 작업을 하다가 react를 사용하면 포트가 3000이 기본이지만 spring에서는 port가 8080이 기본인데 이런 부분 처리를 해주지 않아 오류가 발생한 거였다. 해결 방법은 request부분에서 들어오는 origin을 찾아 response값을 http://localhost/8080 -> http://localhost/3000으로 변경하는 로직을 추가하여 백이나 프런트에서 사.. react google로그인 auth/invalid-api-key 오류 해결 auth/invalid-api-key 오류 오류 발생 원인 3가지 .API key가 잘못되었을 때 .env 경로가 잘못되었을 때 firebaseConfig를 잘못 export 하고 import 했을 때 1. 해결방법 API key를 잘 확인해 보자 나와 같은 경우는 API key부분을 잘못 호출하여 발생하는 애러였다.ㅜㅜ (바보 같은 실수) .env에서 다음과 같이 정해 한 다음 다른 이름으로 사용을 했다. const FirebaseCredentials = { apiKey: publicRuntimeConfig.apiKey, authDomain: publicRuntimeConfig.authDomain, projectId: publicRuntimeConfig.projectId, }; 그 결과 auth/inv.. 이전 1 다음
