flutter CORS policy

CORS policy 에러에 대한 flutter 쪽 해결 방안이다. 에뮬에서 실행할 시에는 걱정 할 필요가 없지만 웹으로 에뮬을 돌릴 시에 add의 경우에는 서버에 쪽에서 받기만 하기에 서버쪽 설정만 해줘도 되지만 response를 받는 경우를 생각하지 못했다.

 

response를 받는 경우에는 flutter쪽에서 동일 로컬호스트에 포트만 다른경우로 들어오는 것이기에 CORS 정책에 걸리는 것이다. 이는

    unawaited(xhr.onError.first.then((_) {

      // Unfortunately, the underlying XMLHttpRequest API doesn't expose any

      // specific information about the error itself.

      completer.completeError(

          ClientException('XMLHttpRequest error.', request.url),

          StackTrace.current);

    }));

해당 오류에서 발견 했으며

 

flutter 폴더로 이동하여 flutter/bin/cache에 flutter_tools.stamp를 삭제 한 후

flutter/packages/flutter_tools/lib/src/web으로 이동하여 chrome.dart에 disable을 적어놓는곳에

'--disable-web-security'를 추가해주면 끝이다.

 

또는 해당 명령어로 run을 시켜주면 해결 된다.

flutter run -d chrome --web-browser-flag "--disable-web-security"