soy nuevo en js e intento crear un enrutador desde mi backend /user-info
donde se almacena toda la información del usuario actual:
Ahora, quería encontrar un medio para manejar cada información para usar eso en mi Dashboard
de Vuejs, usé axios
para eso, así que esto es lo que hice para 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') } })
... y lo que hice para mi 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>
Desafortunadamente tengo nodemon:
[nodemon] app crashed - waiting for file changes before starting...