[Nuxt.js] NuxtServerInit

 

 

 

 

🚀 NuxtServerInit

     🔽  NuxtServerInit

        📦 개요

NustServerInit 함수는 Nuxt.js universal Mode에서 사용할 수 있는 함수인 것이에요.

// store/index.js
actions: {
  nuxtServerInit(context, { req }) {
    if (req.session.user) {
      context.commit('user', req.session.user)
    }
  }
}

위 함수는 SSR(Server Side Rendering) 시점에 실행되기 때문에 Store에 미리 Data를 설정해 놓거나, Server에서만 접근할 수 있는 Data를 다룰 때 유용하답니다. 만약, Server에서 Session을 관리하는 구조이고, Session에 연결된 사용자 정보를 Store에 저장해야 할 때 위와 같은 방식으로 사용자 정보를 Store에 미리 담아 놓을 수 있습니다.

 

반응형

nuxtServerInit Action 함수의 첫번째 매개 변수는 Store Context  정보를 접근할 수 있는 객체이고, 두번째 매개 변수는 Nuxt Context 정보가 담긴 객체인 것이에요.

// store/index.js
actions: {
  nuxtServerInit(storeContext, nuxtContext) {
    storeContext.commit('뮤테이션 함수명');
    if (process.server) {
      const { req, res, beforeNuxtRender } = nuxtContext;
    }
  }
}

위 두번째 매개 변수 nuxtContext는 asyncData()의 context 매개 변수와 같답니다.