尝试保护页面,除非已在Nuxt JS和Firebase Auth中签名

时间:2019-01-29 09:28:54

标签: firebase vuejs2 firebase-authentication nuxt.js

我正在玩我在Github(https://github.com/james2doyle/nuxt-firebase-auth)上找到的Nuxt Firebase Auth软件包,该软件包使用最新版本的Nuxt JS&Firebase以及Firebase Auth。

我使用“电子邮件/密码”选项设置了应用程序,并尝试保护页面,本质上,我希望将用户重定向到页面之外,除非用户已登录。

我已经尝试了一些运气不好的方法。我是Firebase和Nuxt JS中的Auth的新手,并希望向正确的方向发展。

我已经建立了一个名为secret.vue的页面,但这可以是任何页面,该页面的代码如下:

<template>
  <div>
    secret page
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  middleware: 'anonymous',
  watch: {
    user (to, from) {
      this.$router.push('/account/login')
    }
  },
  computed: mapState([
    'user'
  ])
}
</script>

有什么建议吗?非常感谢

0 个答案:

没有答案