im new on js, and i try to create a router from my backend /user-info
where are stored all informations from the current user :
Now, i wanted to find a mean to handle each information to use that on my Vuejs Dashboard
, i used axios
for that, so this is what i made for index.js
:
const express = require('express')
const router = express.Router()
const { ensureAuth, ensureGuest } = require('../middleware/auth')
const axios = require('axios')
router.get('/user-info', ensureAuth, async (req, res) => {
try {
let uri = 'http://localhost:5000/user-info';
res.json(`userInfo : ${req.user}`);
this.axios.get(uri).then((response) => {
this.$router.push({name:'Dashboard'});
} catch (err) {
console.error(err)
res.render('error')
}
})
...and what i did for my Dashboard.vue
:
<template>
<div class="customers container">
<h1 class="page-header">Welcome to your dashboard</h1>
<table class="table table-striped">
<thead>
<tr>
<td>{{user.image}}</td>
<td>{{'Hello' user.displayName}}</td>
<<td>{{user.email}}</td>
<th></th>
</tr>
</thead>
</table>
</div>
</template>
<script>
export default {
name: 'dashboard',
data () {
return {
user: [],
}
},
methods: {
getUserInfo(){
this.$http.get('http:localhost:5000/user-info')
.then(function(response){
this.user = (response.body);
});
}
</script>
Unfortunately i got nodemon :
[nodemon] app crashed - waiting for file changes before starting...