qkrthfk

vue cli 버전에 따른 실무 환경 구성 방법

&nbsp;vue, node, nginx 이렇게 환경이 구성되어 있습니다.
&nbsp;
&nbsp;제가 파악한 바로는
&nbsp;vue -> node -> nginx&nbsp; 다음과 같이 요청/응답이 이루어지고 있다고 생각합니다.

&nbsp;
&nbsp;제가 궁금한 부분은
&nbsp;1. front-server 기본적인 vue, node 구조화된 부분에서 src 부분만 별도로 nginx 설정 밑에 넣고
&nbsp; &nbsp;&nbsp;node 서버와 nginx가 실행되는 구조입니다.
&nbsp;
&nbsp; &nbsp;즉, nginx 가 vue의 클라이언트 서버?가 되어주고, node 서버만 실행해주면 프로젝트가 구동되는 것으로 판단됩니다.
&nbsp;&nbsp;(여기서 로컬환경에서 webpack-dev-server를 구동하면 localhost:8080으로 클라이언트 서버를 실행해서 구동하고,&nbsp;
&nbsp; &nbsp;실제 서버에서는 nginx 위에 src 부분을 올려서 localhost:8080을 대신한 프로젝트가 구동되는 것으로 판단됩니다.)

&nbsp;2. 로그인 처리 후, node 설정의 npm 모듈인 cookie-parser를 사용하고 있는데
&nbsp; &nbsp; 실제로 cookie가 저장되지 않는 것으로 보이는데..
&nbsp;
&nbsp;이 부분에서 쿠키에 이슈가 발생할 여지가 있는건가요?
&nbsp;
&nbsp;도메인이 달라서 그렇다는 글을 보았는데 그 문제도 영향이 있을까요?
&nbsp;
&nbsp;혹시 몰라서 설정된 부분 화면 첨부합니다.
&nbsp;
&nbsp;1. src/store/index.js
&nbsp; &nbsp; - resourceHost가 axios의 baseUrl이 됩니다.

&nbsp; &nbsp;<img src="https://cdn.inflearn.com/public/comments/5c44f32c-0808-4740-9d7e-08cad6adbb96/blob" alt="" style="font-size: 10pt;" />

&nbsp;2. config/config.js
&nbsp; &nbsp;
&nbsp; &nbsp;<img src="https://cdn.inflearn.com/public/comments/31105766-bf03-459c-8f89-6a940262aec8/blob" alt="" style="font-size: 10pt;" />
&nbsp;
&nbsp;답변주시면 감사하겠습니다.
&nbsp;
&nbsp;
&nbsp;

토큰값 처리

제가 개념이 조금 헷갈리는게 있어서 한 가지 질문 드립니다.
vue 서버를 실행하고 (ex. localhost:8080), node 서버를 실행(ex.localhost:3000)해서 프로젝트를 실행하는 것은&nbsp;
클라이언트 -> 뷰 프로젝트 요청 -> 노드 서버 (요청)
노드서버 -> 뷰프로젝트 -> 클라이언트(응답)

이렇게 구조가 되는건가요..?
노드 서버만 실행해서 프로젝트를 구동해도 빌드된 뷰 프로젝트가 실행되는거 아닌가요,,?

qkrthfk

Posts