728x90
반응형
플러터를 이용하여 Web을 개발하는 경우 REST API를 사용할때
CORS 이슈는 필연적으로 만나게 되는 문제점 중 하나이다.
급하게 개발하는 도중 시뻘건 에러를 만나게 되면 적잖히 당황하게 된다.
물론 직접 CORS를 대응하도록 서버를 수정하거나 middleware를 사용하는 방법이 있지만
나는 빠르게 개발하길 원하기 때문에 간단한 설정으로 넘어가는 방법을 선택했다.
방법은 비교적 간단하다.
크롬의 설정 값을 살짝 변경해주는것이다.
1. flutter\bin\cache 위치로 이동 후 flutter_tools.stamp 파일 제거
2. flutter\packages\flutter_tools\lib\src\web 위치로 이동 후 chrome.dart 파일 open
3. '--disable-extensions' 찾기
4. 해당 위치에 '--disable-web-security' 추가하기
해당 방법을 사용하는 경우 웹페이지 실행시 아래와 같은 문구를 만나게 되는데
아래 스택오버플로우의 개발자님이 말하길 CORS가 없는 로컬 환경에서만 사용되는 설정값이라고 하니무시하고 넘어가도 될것 같다.
Don't worry @Becca because this works only your local without cors.
관련 글
https://developer.mozilla.org/ko/docs/Web/HTTP/CORS
https://xiubindev.tistory.com/115
728x90
반응형
