inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

env환경변수 및 cross site 이슈

291

SJkim

작성한 질문수 8

0

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

강의 내용과 같이 개발/검증/운영 별로 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 속성에 대한 정책은 크롬에서만 발생하고 파이어폭스에서는 정상 동작하는 것으로 확인했습니다.

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

 

 

 

javascript vuejs vuex

답변 0

node 10버전 사용

0

86

1

강의에 대해 질문 드립니다.

0

78

1

vue CLI 대신 vite를 사용해도

1

167

2

질문삭제

0

172

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

105

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

129

1

rndrmagkqslek.

0

79

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

110

1

axios 에러가 뜹니다.

1

250

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

323

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

159

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

200

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

463

2

$router 를 이용한 메인 페이지로 이동

1

295

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

477

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

303

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

497

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1122

2

safari 개발자 도구에 대한 질문입니다

1

580

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

735

2

이 에러 때문에 진행이 안되네요 ㅠ

1

679

1

windows .nvmrc nvm use 실행 오류

1

1562

2

강사님 최신화가 필요해보입니다.

2

966

2

npm i 에러

1

624

1