(개발) 파이어베이스 stroge ECORS오류

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

이오류와

Failed to load resource: net::ERR_FAILED

이러한 오류

 

CORS (Cross-Origin Resource Sharing) 정책에 의해 발생하는 문제는 서버가 특정 출처에서의 요청을 허용하지 않을 때 발생합니다. Firebase Storage의 CORS 설정이 제대로 되어 있지 않으면 이러한 문제가 발생할 수 있습니다. 이를 해결하기 위해 Firebase Storage의 CORS 설정을 업데이트해야 합니다.

 

 

cors.json파일하나 생성

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

 

 

Firebase CLI 설치: 아직 설치하지 않았다면 Firebase CLI를 설치합니다. 설치 방법은 다음과 같습니다:

npm install -g firebase-tools

 

 

CORS 설정 적용: cors.json 파일을 Firebase Storage에 적용합니다.

 

 

 

이러한 오류시

https://cloud.google.com/sdk/docs/install?hl=ko

gcloud CLI 설치  |  Google Cloud CLI 문서

 

윈도우용 다운 

 

 

 

 

참고로

 

 

파이선 설치안하면 설치가 자꾸 실패 됩니다.

참고 하시길 

 

 

설치 ㄱ

 

 

설치후 파워쉘이 뜸 안뜰시

 

누르시고 

 

구글로그인 하고 / 내프로젝트 골라주세요~ 파이어베이스와 연동된 계정을 로그인해야됨

 

그런후

 

gsutil cors set cors.json gs://버킷 이름 

 

버킷( storge 폴더경로적으면됨)

 

그럼 세팅완료 됬다고 뜨고 

 

 

다시 스토리지 코드를 실행하면? 

 

 

잘뜨네요