Question

我正在构建作为应用程序一部分的登录/注册系统。我正在使用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功能。

Answer 1

您有两种方法可以做到：

$nuxt.$router.push行动
在操作中将this.$router.push作为参数传递，并在需要时调用。

希望这会有所帮助。

在Nuxt JS vuex中使用Vue Router进行重定向

1 个答案: