source

nuxtjs의 미들웨어 이름 지정 getter 기능에 액세스합니다.

gigabyte 2022. 9. 12. 11:41
반응형

nuxtjs의 미들웨어 이름 지정 getter 기능에 액세스합니다.

getter가 있는 스토어 모듈에는 store/auth.js라는 이름의 스토어 모듈이 있습니다.

export const getters = {
  isAuthenticated(state) {
     return state.token != null
  }
}

미들웨어에서는 이 이름을 getter라고 부릅니다.그 개터를 어떻게 불러야 하죠?

이것은 효과가 있는 것처럼 보이지만, 아무것도 네임스페이스 없이...

export default function (context) {
  if(!context.store.getters.isAuthenticated)
    context.redirect('/')
  }
}

Getters가 호출해야 하는 동작이나 변환과 다른 동작을 합니까?auth/?

context.store.dispatch("auth/SomeVuexAction")

다음과 같이 vuex getter에 액세스할 수 있습니다.

context.store.getters["modulename/gettername"]
i.e.(In your case) mention correct module and getter name
context.store.getters["auth/isAuthenticated"]

언급URL : https://stackoverflow.com/questions/60638862/access-a-namespaced-getter-function-in-a-middleware-in-nuxtjs

반응형