firebase storage CORS 설정

에러내용

firebase Storage에 이미지를 업로드를 구현하는중 발생한 CORS에러입니다.

원인

교차 출처 리소스를 공유(Cross-origin resourse sharing)가 허용되지않아 발생한 오류로
CORS에러를 해결하기위해 클라이언트에도 처리해야하지만 서버쪽에서도 처리해줘야하지만 현재 상황으로 서버쪽에 처리하는 CORS설정을 해보려고 합니다.

해결과정

구글 클라우드 콘솔
https://console.cloud.google.com/

위의 사이트에 들어가서 원하는 프로젝트를 선택한 후 검색창 오른쪽에 터미널 활성화 버튼을 클릭합니다.

다음 프로젝트 관련 터미널이 열리게 되는데

원하는 도메인만 추가하고 싶다면 * 대신 해당 도메인을 넣으면됩니다.
cors.json파일을 만들어 작성했습니다.

[
    {
        "origin": ["*"],
        "method": ["GET"],
        "maxAgeSeconds": 3600
    }
]

다시 구글 콘솔클라우드에 터미널을 열고 명령어를 실행해줍니다.

gustil cors set cors.json gs:스토리지주소
gustil cors set cors.json gs://calm-sea-f7711.appspot.com

입력 후 승인하면 적용됩니다.