Flutter 플러터 웹은 다른 도메인에서 네트워크 이미지를 불러올 수 없습니다., Flutter web can't load network image from another domain

질문

다른 도메인에서 API 호출로 플러터 웹에서 네트워크 이미지를 로드할 수 없습니다. 다음 오류가 발생합니다.

다른 도메인에서 이미지를 로드하려고 하고 있나요? 다음에서 답변을 찾을 수 있습니다: https://flutter.dev/docs/development/platform-integration/web-images ImageCodecException: 네트워크 이미지를 로드하지 못했습니다.

도움이 필요하신가요?

답변

Flutter 웹 페이지에서 다른 도메인이나 Firebase Storage에서 이미지를 표시하려면 데이터를 CORS로 구성해야 합니다:

1. GCP 콘솔을 열고 프로젝트를 선택한 다음 상단 탐색 모음의 >_ 아이콘 버튼을 클릭하여 클라우드 터미널 세션을 시작합니다.

2. 편집기 버튼(연필 아이콘)을 클릭한 다음 cors.json 파일을 생성합니다. cors.json 파일은 다음과 같아야 합니다:

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

   원본을 *로 설정하여 모든 웹사이트에서 이미지를 표시할 수 있도록 했습니다. 하지만 액세스를 제한하려면 웹사이트의 도메인을 삽입할 수도 있습니다.

3. gsutil cors set cors.json gs://your-bucket을 실행합니다.

---

더 많은 정보가 필요한 경우: https://cloud.google.com/storage/docs/configuring-cors