我正在玩我在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>
有什么建议吗?非常感谢