[英]Redirect using Vue Router in Nuxt JS vuex
我正在将登录/注册系统构建为应用程序的一部分。 我正在使用Firebase和Vuex处理身份验证和数据库信息。 我在Nuxt JS中有一些操作可以创建用户,登录并注销他们。
我正在尝试在用户成功注册后实现重定向/当他们单击登录时,我的代码是:
export const actions = {
/*
* Create a user
*/
createUser ({commit}, payload) {
this.$fireAuth.createUserWithEmailAndPassword(payload.email, payload.password).then(function(firebaseUser) {
commit('setUser', payload)
}).catch(function(error) {
console.log('error logging in' + error)
});
},
/*
* Log a user into Beacon
*/
login ({commit}, payload) {
this.$fireAuth.signInWithEmailAndPassword(payload.email, payload.password).then(function(firebaseUser) {
commit('setUser', payload)
}).catch(function(error) {
console.log('error logging in' + error)
});
},
/*
* Sign a user out of Beacon
*/
signOut ({commit}) {
this.$fireAuth.signOut().then(() => {
commit('setUser', null)
}).catch(err => console.log(error))
}
}
我在Vue JS 2.6.10上使用Nuxt JS 2.9.2
我有几个模块。
我尝试使用this.router.push('/')
和window.location.href
,但想保留SPA功能。
您有两种方法可以做到:
$nuxt.$router.push
操作 this.$router.push
作为参数,然后在需要的地方调用。 希望这可以帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.