ReactJS 및 Firebase API: Post 요청이 Firebase 백엔드에 도달하지 못하는 문제

Question

https://github.com/RamanSharma100/react-firebase-file-management-system/issues/2#issuecomment-1666569161

firebase 게시 오류입니다. Firebase에 연결하려고 하는데 이러한 오류가 발생합니다. 누구든지 이 문제를 해결하도록 안내해 줄 수 있나요?

로그인하고 사용자를 등록할 수 있으며 백엔드는 잘 작동하지만 문제는 Firebase 저장소에 있습니다.

다음 오류가 발생했습니다:

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt 네트워크: :ERR_FAILED

'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt'에 액세스하는 XMLHttpRequest가 CORS에 의해 차단되었습니다. 정책 차단: 실행 전 요청에 대한 응답이 액세스 제어 확인에 실패했습니다. HTTP 확인 상태가 없습니다.

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt 네트워크: :ERR_FAILED

'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt'에 액세스하는 XMLHttpRequest가 CORS에 의해 차단되었습니다. 정책 차단: 실행 전 요청에 대한 응답이 액세스 제어 확인에 실패했습니다. HTTP 확인 상태가 없습니다.

Answer 1

이것은 CORS 정책 때문입니다. Firebase 저장소에서 CORS 정책을 구성해야 하며 다음 단계를 따르세요.

1단계. cors.json 파일을 생성합니다. 예:

으아아아

2단계. Firebase CLI를 사용하여 CLI를 구성할 때 이 구성 파일을 업로드하세요(아직 구성되지 않은 경우)

명령줄 입력:

"cloud-file-management-system.appspot.com"을 특정 Firebase 저장소 URL로 바꾸세요.

gsutil cors set cors.json gs://cloud-file-management-system.appspot.com