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

감사합니다 :)

토큰값 처리

vue, node, nginx 이렇게 환경이 구성되어 있습니다. 제가 파악한 바로는 vue -> node -> nginx 다음과 같이 요청/응답이 이루어지고 있다고 생각합니다. 제가 궁금한 부분은 1. front-server 기본적인 vue, node 구조화된 부분에서 src 부분만 별도로 nginx 설정 밑에 넣고 node 서버와 nginx가 실행되는 구조입니다. 즉, nginx 가 vue의 클라이언트 서버?가 되어주고, node 서버만 실행해주면 프로젝트가 구동되는 것으로 판단됩니다. (여기서 로컬환경에서 webpack-dev-server를 구동하면 localhost:8080으로 클라이언트 서버를 실행해서 구동하고, 실제 서버에서는 nginx 위에 src 부분을 올려서 localhost:8080을 대신한 프로젝트가 구동되는 것으로 판단됩니다.) 2. 로그인 처리 후, node 설정의 npm 모듈인 cookie-parser를 사용하고 있는데 실제로 cookie가 저장되지 않는 것으로 보이는데.. 이 부분에서 쿠키에 이슈가 발생할 여지가 있는건가요? 도메인이 달라서 그렇다는 글을 보았는데 그 문제도 영향이 있을까요? 혹시 몰라서 설정된 부분 화면 첨부합니다. 1. src/store/index.js - resourceHost가 axios의 baseUrl이 됩니다. (사진) 2. config/config.js (사진) 답변주시면 감사하겠습니다.

CLI

제가 개념이 조금 헷갈리는게 있어서 한 가지 질문 드립니다. vue 서버를 실행하고 (ex. localhost:8080), node 서버를 실행(ex.localhost:3000)해서 프로젝트를 실행하는 것은 클라이언트 -> 뷰 프로젝트 요청 -> 노드 서버 (요청) 노드서버 -> 뷰프로젝트 -> 클라이언트(응답) 이렇게 구조가 되는건가요..? 노드 서버만 실행해서 프로젝트를 구동해도 빌드된 뷰 프로젝트가 실행되는거 아닌가요,,?