如何通过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
值)。
相关文章