• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

415
Vistas
¿Obtener datos json en $router.push en Vue.js?

soy nuevo en js e intento crear un enrutador desde mi backend /user-info donde se almacena toda la información del usuario actual:

ingrese la descripción de la imagen aquí

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...

almost 3 years ago · Santiago Trujillo
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda