axios根据用户数据获取请求失败

Question

我已经用nuxtjs &django。然而，我不完全理解nuxtjs

<template>
<div>
{{ this.$auth.$storage.state.user.email }}
</div>
</template>
<script>
import axios from 'axios';
export default {
}
axios.get('/api/v1/is-success-or-not?email='+this.$auth.$storage.state.user.email)
.then((response) => {
if(response.data === "True") {
console.log("Player is success")
$nuxt.$router.push('/schedule')

}

})

axios.get('failureornot?email='+this.$auth.$storage.state.user.email)
.then((response) => {
if(response.data > 3) {
console.log("failure")
$nuxt.$router.push('/failure')
}
})
</script>

这是我的代码我的电子邮件显示了{{this.$auth.$storage.state.user。电子邮件}}

但是当我尝试根据用户调整get请求时，我得到了这个错误无法读取未定义的属性(读取'$auth')

我不明白，因为$auth显然是定义的，如果我可以打印值

Answer 1

您错过了脚本中的整个加载函数

<template>
<div>
{{ this.$auth.$storage.state.user.email }}
</div>
</template>
<script>
import axios from "axios";
export default {
mounted() {
axios
.get(
"/api/v1/is-success-or-not?email=" +
this.$auth.$storage.state.user.email
)
.then((response) => {
if (response.data === "True") {
console.log("Player is success");
$nuxt.$router.push("/schedule");
}
});
axios
.get("failureornot?email=" + this.$auth.$storage.state.user.email)
.then((response) => {
if (response.data > 3) {
console.log("failure");
$nuxt.$router.push("/failure");
}
});
},
};
</script>