source

NuxtServerInit을 올바르게 호출하려면 어떻게 해야 합니까?

factcode 2022. 8. 19. 20:45
반응형

NuxtServerInit을 올바르게 호출하려면 어떻게 해야 합니까?

VUEX 저장소에는 다음과 같은 코드가 있습니다.

export const state = () => ({
  z: 'sdfjkhskldjfhjskjdhfksjdhf',
});

export const mutations = {

  init_data_for_firmenistorie2 (state, uploadDbFirmenistorieData){
    state.z = uploadDbFirmenistorieData;
  },


};

  async nuxtServerInit ({commit}) {
    console.log('111');
    commit('init_data_for_firmenistorie2', 123)
  }


}

질문입니다.
nuxtServerInit을 사용하여 상태 z의 값을 다시 쓸 수 있도록 하려면 어떻게 호출해야 합니까?
추신. 지금 제 코드가 작동하지 않아요.

만약 당신이store/index.js액션이 있다nuxtServerInit,그리고나서Nuxt호출합니다.

그래서 당신의 코드는 결국

export const state = () => ({
  z: 'sdfjkhskldjfhjskjdhfksjdhf',
});

export const mutations = {
  init_data_for_firmenistorie2(state, uploadDbFirmenistorieData) {
    state.z = uploadDbFirmenistorieData;
  },
};

export const actions = {
  nuxtServerInit({ commit }) {
    console.log('111');
    commit('init_data_for_firmenistorie2', 123);
  },
};

액션 오브젝트를 만들고, 그 다음에 그 오브젝트를nuxtServerInit그 안에서:

export const actions = {
   nuxtServerInit(vuexContext, context){
      vuexContext.commit('init_data_for_firmenistorie2', 123);
   }
}

와 함께context예를 들어 에 대한 추가 접근권을 가질 수 있습니다.params,routes,redirect기타. 문서: https://nuxtjs.org/api/context

언급URL : https://stackoverflow.com/questions/58572864/how-should-i-call-nuxtserverinit-correctly

반응형