如何通过Vuex操作访问Nuxt上下文变量

How to access Nuxt context variable from Vuex action(如何通过Vuex操作访问Nuxt上下文变量)

问题描述

我希望访问上下文变量，以使用isMobile标志根据结果选择不同的端点。我可以从组件的dispatch传递它，但我知道应该有一种方法可以做到这一点。

export const actions = {
...
  signUpGoogle({ commit }) {
    fireauth.useDeviceLanguage()

    if (context.isMobile) {
      fireauth.signInWithPopup(GoogleProvider).then ...

    } else {
      fireauth.signInWithRedirect(GoogleProvider)
    }

}

我在这里看到它可以在server init上获得，但是我真的不想依赖它，因为缓存会把事情搞砸

https://nuxtjs.org/guide/vuex-store/#the-nuxtserverinit-action

感谢您的帮助

推荐答案

我不确定您在这里谈论的是否是环境变量，但如果是，下面是答案。

查看GH issue可以发现您可以使用this.app.$config.isMobile(在nuxt.config.js中基本上引用了环境变量，也就是publicRuntimeConfig值)。

这篇关于如何通过Vuex操作访问Nuxt上下文变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！