반응형 Nuxt.js10 Nuxt.js / SSR / 비동기 데이터 서버사이드 렌더링시 주의사항 정말.. 말도 안되게 삽질을 했어서 포스팅을 하게되었다. Nuxt.js 로 프로젝트를 진행하던 중서버사이드 렌더링을 해야하는 구간에서 비동기데이터를 조회하여 처리하는 과정이다.사전에 Nuxt.js 라이프사이클을 이해하는게 중요하다. 요약하자면 다음과 같다. 상황 : 전역컴포넌트 (GNB) 와 데이터 리스트를 SSR 처리해야하는 상황나는 다음과 같이 처리하였다. 1. Vuex 의 State 를 구성// 생략 2. Vuex 에서 nuxtServerInit 메소드를 async/await 으로 비동기 처리수행. 3. Vuex 의 Store 중 dispatch 하기위한 actions 의 메소드역시 async/await 으로 구성하여 작성. 4. 서비스 전역에서 사용하기 위하여 미들웨어를 작성하여 nuxt.conf.. 2019. 2. 13. Nginx / PM2 / Vue/Nuxt - Load Banlancing (로드밸런싱) Nginx 에서 PM2 패키지 모듈을 이용하여 Vue/Nuxt App 인스턴스를 로드밸런싱 처리 하는 것에 대하여 포스팅 합니다.이 방식은 어떻게든 처리하여 테스트를 보겠다는 목적이 있으나, 수정되어야 하거나 다른 효율적이고 세련된 방법이 있으면 답글/공유 부탁드립니다. ^^ ( 제가 많이 부족합니다. ^^;; ) 테스트 환경은 MacOS X(Mojave) 입니다. 먼저 이 작업을 진행하는 과정에서 구글링을 통하여 다음 포스팅들로 구조 이해하고 정리하였습니다.How to load Balancing NodeJs apps using Nginx?Docker, NodeJS, Nginx! 너로 정했다!일단 내가 원하는 다음과 같았습니다. 프로젝트 빌드 후 운영모드 (Production) 로 각각의 포트로 인스턴스.. 2018. 11. 29. 이전 1 2 3 다음 반응형
