Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back

Flutter 과정 중 XMLHttpRequest error 뜨는 경우

#flutter
2년 전
12,405
5

웹툰 강의 보면서 이를 응용해 http.post() 함수도 추가해서 써보고 있습니다.

IGDB API를 활용해서 만들어보고 싶은 게 있어서 개발에 필요한 충분한 절차를 거쳤습니다.

이제 개발을 하기 위해 Token 값을 받아오고, IGDB에 접속하려고 시도하니 문제가 생겼습니다.

분명히 두 과정은 같은 post 명령어를 사용하는데, 하나는 정상 동작(Twitch로부터 Access Token 받아오는 것)하지만, 다른 하나는 동작하지 않는(IGDB에서 정보를 받아오는 것) 이상한 모습을 보입니다.

보통 키 값이 맞지 않거나 하면 status 400 이 뜨고, 어떻게 안되는지 확인할 수 있을텐데,

post 명령을 시도한 그 자체만으로 오류가 생기는 문제가 생기고 있습니다.

혹시나 문제가 있는 게 아닌가 싶어서 다른 걸로 post 통신을 테스트 해봤더니 모두 정상이었습니다.
Edge, Chrome 모두 같은 오류를 내놓고 있었습니다.
-

StackOverflow 를 찾아봤습니다. 다행히 비슷한 경험을 하신 분들이 계셨던 것 같습니다.

amazon web services - XMLHttpRequest error while using http post flutter web - Stack Overflow

그 중, 제가 해본 것 중 가장 확실한 것은...

1- Go to flutter\bin\cache and remove a file named: flutter_tools.stamp

2- Go to flutter\packages\flutter_tools\lib\src\web and open the file chrome.dart.

3- Find '--disable-extensions'

4- Add '--disable-web-security'

이 과정을 통해서 하니까, 모든게 정상적으로 출력되는 모습을 보였습니다.

다만, 브라우저에 경고 문구가 포함되는 것 같습니다.


그런데, 이게 Debug 라서 그런 것인지, 실제 웹에 올라갔을 때는 또 다른 문제를 일으킬지는 아직 확인해보지 못했습니다.

우선 배우는 시점이니까 나중에 찾아보고 지금과 같은 방법으로 계속해서 개발을 진행하고 있습니다.

좀 더 확실한 해결 방법을 아시면 공유해 주시면 좋겠습니다.


참고로 제 버전은 이렇습니다.

Flutter 3.7.2 • channel stable • https://github.com/flutter/flutter.git

Framework • revision 32fb2f948e (7 weeks ago) • 2023-02-08 07:30:10 -0800

Engine • revision f40b73f8a4

Tools • Dart 2.19.2 • DevTools 2.20.1

http는 0.13.5 를 쓰고 있습니다.

5 comments