add an axios get example
This commit is contained in:
parent
d97a39cd0a
commit
3e65e2d883
|
@ -2,9 +2,38 @@
|
||||||
<div id="dashboard">
|
<div id="dashboard">
|
||||||
<h1>That's the dashboard!</h1>
|
<h1>That's the dashboard!</h1>
|
||||||
<p>You should only get here if you're authenticated!</p>
|
<p>You should only get here if you're authenticated!</p>
|
||||||
|
<p>User Email: {{ email }}</p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import axios from "axios"
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
email: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created(){
|
||||||
|
axios.get("https://axios-test-44b62-default-rtdb.europe-west1.firebasedatabase.app/users.json")
|
||||||
|
.then(response => {
|
||||||
|
console.log(response)
|
||||||
|
const data = response.data
|
||||||
|
const users = []
|
||||||
|
for (let key in data){
|
||||||
|
const user = data[key]
|
||||||
|
user.id = key
|
||||||
|
users.push(user)
|
||||||
|
}
|
||||||
|
this.email = users[0].email
|
||||||
|
console.log(users);
|
||||||
|
})
|
||||||
|
.catch(error => console.log(error))
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
h1, p {
|
h1, p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Reference in New Issue