env환경변수 및 cross site 이슈

안녕하세요 캡틴판교님, 먼저 결혼 축하드립니다~

강의 내용과 같이 개발/검증/운영 별로 env 파일을 두고 각 env에는 api 서버별 url(VUE_APP_API_URL)을 세팅하고 발생하는 이슈가 있어 질문 드립니다.

로컬에서 개발 서버에 붙고 싶으면 npm run serve,

검증 서버에 붙고 싶으면 npm run serve -- --mode staging 등 cli 명령어를 통해

프로젝트를 실행시키고자 합니다.

첫번째로 막히는 부분이 cors 에러로 이 부분은

vue.config.js 의 devserver - proxy 설정을 통해 "/api" 호출일 경우

env 파일에 세팅된 VUE_APP_API_URL 에 따라 프록싱 하는 방법을 통해 해결했습니다.

두번째로 막히는 부분이 문젠데... 로컬에서 개발 서버나 검증 서버로 api 호출을 날릴 때

크롬에서는 도메인이 다르면 set-cookie 헤더의 samesite 속성에 의해 쿠키가 제대로 저장이 안되는 이슈가 생겼습니다. samesite 속성에 대한 정책은 크롬에서만 발생하고 파이어폭스에서는 정상 동작하는 것으로 확인했습니다.

혹시 같은 이슈를 겪으셨다면 어떻게 해결하셨는지 문의드립니다.