4

Estoy realizando un proyecto con VUE + Axios en el que intento recuperar un resultado en formato JSON, pero al abrir el response.data algunos de los values tienen son undefined.

Probé modificando la respuesta para obtener un String y todo parece correcto:

getConexion(id) {
    const url = `${url}`
    return axios.get(url, {
        transformResponse: [function (data) {
            console.log(data);
            return data;
        }],
        responseType: 'text'
    })
}

El String que estoy recibiendo sería

"[{"id_conexion":1,"plazoDispuesto":100,"radioDispuesto":100,"fechaDeInicio":1569283200000,"fechaDeFin":1584748800000,"editable":false,"caso":"32165487","firmasDeUsuario":[]}"

Pero al utilizar JSON.parse() el resultado me devuelve:

{
    editable: undefined,
    fechaDeFin: undefined,
    fechaDeInicio: undefined,
    firmasDeUsuario: Array [],
    id_conexion: 1,
    plazoDispuesto: 100,
    radioDispuesto: 100,
    caso: "32165487"
}

Para la consulta estoy utilizando Axios, he probado recibiendo en formato String, como JSON pero el resultado es el mismo. Desde ya agradezco sus respuetas.-

Edito: El servido Rest está construido en JAVA con Spring Boot.


Sigo sin entender lo que sucede. Cuando ejecuto la petición la respuesta es correcta:

apiService.getConexionesByIdCAso(idCaso).then(
    function(res) {
        if (res.data) {
           console.log(res.data);
                ...

Resultado:

[{
   editable: false,
   fechaDeFin: 1569334887087
   fechaDeInicio: 1569334887087,
   firmasDeUsuario: Array [],
   id_conexion: 1,
   plazoDispuesto: 100,
   radioDispuesto: 100,
   caso: "32165487"
 }]

El resultado es correcto hasta acá, el JSON está completo, pero si desarrollo el método, por ejemplo recorriéndolo, se rompe el resultado.

apiService.getConexionesByIdCAso(idCaso).then(
    function(res) {
        if (res.data) {
            console.log(res.data[0]);...
                //Al poner[0] algunos valores pasan a ser undefined y otros no

Resultado:

{
 editable: undefined,
 fechaDeFin: undefined
 fechaDeInicio: undefined,
 firmasDeUsuario: Array [],
 id_conexion: 1,
 plazoDispuesto: 100,
 radioDispuesto: 100,
 caso: "32165487"
}
2
  • 2
    Saludos bro, bienvenido a SOes, ¿has probado usar POSTman como herramienta de debugging?
    – fredyfx
    Commented el 24 sept. 2019 a las 18:28
  • Hola. En realidad con Postman la respuesta es correcta. El problema solo me lo da en el navegador. Tanto en Firefox como en Chrome. Commented el 24 sept. 2019 a las 23:54

2 respuestas 2

1

Intenta lo siguiente:

getConexion(id) {
    const url = `${url}`
    return axios.get(url)
                .then(function(response) {
                       console.log(response.data);                           
                       return response.data;           
                     });
}
6
  • 1
    console.log(response.data); Commented el 25 sept. 2019 a las 1:08
  • jooo, verdad xD! *actualizando, gracias hermano
    – fredyfx
    Commented el 25 sept. 2019 a las 1:09
  • Cuando hago el console.log(response.data) me devuelve el JSON tal cual arriba, con varios valores 'undefined'. El asunto es que si modifico la petición agregando responseType:'text' el contenido en String está completo. "[{"id_conexion":1,"plazoDispuesto":100,"radioDispuesto":100,"fechaDeInicio":1569283200000,"fechaDeFin":1584748800000,"editable":false,"caso":"32165487","firmasDeUsuario":[]}]" Commented el 26 sept. 2019 a las 2:30
  • En ese caso el problema está en el backend. Edita la pregunta agregando el código que usas.
    – fredyfx
    Commented el 26 sept. 2019 a las 5:41
  • El backend es Java + Spring Boot. El método sería: @Override public List<Conexion> getAllCasoData(String caso) { List<Conexion> conexiones = getSession() .createQuery("select c from Conexion c " + "join c.caso cc" + "where cc.id_caso = :id)") .setParameter("id", id).list(); return conexiones; Commented el 26 sept. 2019 a las 16:27
0

Al final di con el error: Cuando ejecuto la petición la respuesta es correcta:

apiService.getConexionesByIdCAso(idCaso).then(
    function(res) {
        if (res.data) {
           console.log(res.data);
                ...

Resultado:

[{
   editable: false,
   fechaDeFin: 1569334887087
   fechaDeInicio: 1569334887087,
   firmasDeUsuario: Array [],
   id_conexion: 1,
   plazoDispuesto: 100,
   radioDispuesto: 100,
   caso: "32165487"
 }]

El resultado es correcto hasta acá, el JSON está completo, pero si desarrollo el método, por ejemplo recorriéndolo, se rompe el resultado. ¿Por qué? Más adelante realicé un cambio en el valor de la variable, y por algún motivo el console.log() que se ejecutó "antes" me trae el valor del cambio que hice al final. No sé por qué motivo el console.log() me devuelve el resultado de lo que se ejecutará después, pero al final encontré que el error no estaba en la respuesta del servidor, o los pasos que seguí para procesar el JSON, sino que se trataba de una falla en otro método que trabajaba con los datos ya asignados a sus respectivos objetos.

Ejemplo:

apiService.getConexionesByIdCAso(idCaso).then(
    function(res) {
        if (res.data) {
            console.log(res.data[0]);...
            res.data[0].editable = undefined;

Resultado:

{
 editable: undefined,
 fechaDeFin: undefined
 fechaDeInicio: undefined,
 firmasDeUsuario: Array [],
 id_conexion: 1,
 plazoDispuesto: 100,
 radioDispuesto: 100,
 caso: "32165487"
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.