반응형
Vuex 작업에서 Nuxt 컨텍스트 변수에 액세스하는 방법
콘텍스트 변수에 액세스하고,isMobile
결과에 따라 다른 끝점을 선택하도록 플래그를 지정합니다.제가 전달해 드릴 수 있는 건dispatch
한 가지 방법이 있을 거예요
export const actions = {
...
signUpGoogle({ commit }) {
fireauth.useDeviceLanguage()
if (context.isMobile) {
fireauth.signInWithPopup(GoogleProvider).then ...
} else {
fireauth.signInWithRedirect(GoogleProvider)
}
}
서버 초기화 시 취득할 수 있는 것을 확인했습니다만, 캐싱이 일을 망치기 때문에, 이것을 믿고 싶지 않습니다.
https://nuxtjs.org/guide/vuex-store/ #nuxtserverinit-action
도와 주셔서 감사해요.
환경변수인지 아닌지는 모르겠지만, 환경변수인지 아닌지는 아래가 답입니다.
이 GH 문제를 보면, 우리는 당신이 이 GH를 사용할 수 있다는 것을 알 수 있습니다.this.app.$config.isMobile
(일명 'env 변수'를 참조하는 경우)publicRuntimeConfig
가치관nuxt.config.js
).
nuxtServerInit에서 한 가지 작업을 수행하고 컨텍스트를 사용하여 이 변수를 스테이트로 설정한 후 state.isMobile을 사용하여 이러한 유형의 API 콜을 실행할 수 있습니다.그게 이 문제를 해결해 주길 바라.명확하지 않은 경우 편집하여 몇 가지 코드 예를 들어 보겠습니다.
언급URL : https://stackoverflow.com/questions/55890252/how-to-access-nuxt-context-variable-from-vuex-action
반응형
'programing' 카테고리의 다른 글
슬롯의 입력 요소에 vee-validate/HTML 속성 추가 (0) | 2022.08.03 |
---|---|
Vue: mapFields 내의 컴포넌트 프로포트를 사용하는 방법 (0) | 2022.08.03 |
fps 게임에서 조준 봇은 어떻게 작동합니까? (0) | 2022.08.03 |
Vue - $emit, .sync 패턴과 필요하지 않은 소품 사용 (0) | 2022.08.03 |
java.util.logging을 사용할 때 텍스트 파일에 로그를 쓰는 방법.로거 (0) | 2022.08.03 |