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

Question

我想访问上下文变量以使用该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/#the-nuxtserverinit-action

谢谢您的帮助

Answer 1

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

查看此GH 问题，我们可以发现您可以使用this.app.$config.isMobile（基本上引用环境变量，也称为publicRuntimeConfig您的值nuxt.config.js）。