Flutter web 에서 getData() 로 Storage 호출시 XmlHttpRequest error 발생할 때

Flutter 에서 버킷 내 /index/index.json 파일을 받아오는 단순한 코드인데 :

Reference ref = FirebaseStorage.instance.ref().child('index/index.json');
final Uint8List? bytes = await ref.getData();


다음과 같이 XmlHttpRequest 에러가 발생했습니다:

Error: XMLHttpRequest error. dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 299:10 createErrorWithStack dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 355:28 _throw dart-sdk/lib/core/errors.dart 120:5 throwWithStackTrace dart-sdk/lib/async/zone.dart 1385:11 callback dart-sdk/lib/async/schedule_microtask.dart 40:11 _microtaskLoop dart-sdk/lib/async/schedule_microtask.dart 49:5 _startMicrotaskLoop dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 166:15 <fn> Application finished.

 

XmlHttpRequest 문제의 원인은 대부분의 경우 CORS 죠.

이와 관련된 문서는 다음을 참고하면 됩니다:

https://firebase.google.com/docs/storage/web/download-files#cors_configuration

https://cloud.google.com/storage/docs/using-cors


1. cors.json 파일을 작성합니다.

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


2. cors.json 파일을 버킷에 적용합니다.

gcloud storage buckets update gs://YOUR_BUCKET_NAME.appspot.com --cors-file=cors.json


3. 잘 적용되었는지 확인합니다.

gcloud storage buckets describe gs://YOUR_BUCKET_NAME.appspot.com --format="default(cors)"




댓글

댓글 쓰기

이 블로그의 인기 게시물

pandas.read_csv() 에서 왠만하면 컬럼타입을 지정하자

다음과 같은 파일이 있다 : CODE,DATE,TIME,OPEN,HIGH,LOW,CLOSE,VOLUME 000020,20190502,901,9770,9790,9770,9790,98 000020,20190502,902,9830,9830,9830,9830,1 000020,20190502,903,9830,9850,9830,9850,1 그렇다. 이건 하루치 분봉 데이터를 모은 것으로, 46M 정도의 크기이다. 이를 다음과 같이 나이브하게 로드했다: >>> df=pd.read_csv('test.csv') sys:1: DtypeWarning: Columns (0) have mixed types. Specify dtype option on import or set low_memory=False. 분봉이므로 9시 1분부터 오후 3시 30분까지 383개 의 데이터가 존재한다. 그런데 다음과 같은 명령으로 조회시 특정 컬럼에 대해서만 개수가 모자라는 현상이 있었다 : >>> df[df['CODE']=='071970'] 262140  071970  20190502  1029  5170  5170  5170   5170       1 262141  071970  20190502  1030  5170  5170  5170   5170       0 262142  071970  20190502  1031  5140  5140  5130   5140     177 262143  071970  20190502  1032  5140  5140  5130   5140       0 [ 92 rows x 8 columns] 중간에 전처리가 잘못됐나 열심히 살펴봤지만 문제 없다. 그런데 메시지를 다시보면, 타입 경고가 떠있다. stackoverflow 느님에 의하면 . pandas 가 컬럼 타입을 동적으로 추론하는 데에는 많은 메모리가 소모된다고 한다. 그것과 이것이
자세한 내용 보기

스프링 컨텍스트 설정파일과 URI 경로를 제대로 못찾는 삽질

실행 환경 1) IntelliJ 11 에서 프로젝트 생성 : Maven Plugin 2) pom.xml에 maven war plugin 추가             <plugin>                 <groupId>org.apache.maven.plugins</groupId>                 <artifactId>maven-war-plugin</artifactId>                 <version>2.3</version>                 <configuration>                     <webXml>web\WEB-INF\web.xml</webXml>                 </configuration>             </plugin>         </plugins> 3) Add Framework Support 에서 Tomcat 추가. 문제 1) spring의 servlet 설정파일을 못찾음 Caused by: java.io.FileNotFoundException: Could not open ServletContext resource [/WEB-INF/dispatcher-servlet.xml] 원인 : Tomcat 이 자동생성해주는 web.xml 경로는 web/WEB-INF/web.xml 임. 그런데 maven-war-plugin 이 인식하는 디폴트 경로는 src/main/web/WEB-INF/web.xml 임 ( http://maven.apache.org/plugins/maven-war-plugin/examples/adding-filtering-webresources.html ) 고로 다음과 같이 변경해 줘야 함. <plugin>     <groupId>org.a
자세한 내용 보기