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

2022-02-25 00:00:00 vue.js nuxt.js vuex
我希望访问上下文变量,以使用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值)。

相关文章