0

cuando son verdaderas las primeras dos condicionales del código del backend se recibe todo el contenido
res.status(200).json({token,userFound,message :'Bienvenido'}) en el console.log(res) que coloque en el frontend . Pero cuando cualquiera de ellas da falsa solo viene del backend null y nunca recibo nada en el console.log(res) , solo veo en la consola del navegador lo siguiente:

[![mensage que llega a la consola del navegador][1]][1]
  

Además si existe esta manera de enviar el status y el json() (return res.status(400).json({message:'Usuario no encontrado'}), y de hecho la recibo cuando se cumplen las condiciones , me gustaría saber como hacer para recibir los mensajes del json() cuando se hace falsa alguna de las condicionales del backend, gracias por la paciencia

**Codigo Backend:**    

    ``` 
        export const signin = async (req,res)=>{    
        try {
        const userFound = await 
        User.findOne({username:req.body.username}).populate("roles")  
        if(!userFound) return res.status(400).json({message:'Usuario no 
        encontrado'})               
        const matchPassword = await 
        User.comparePassword(req.body.password,userFound.password)
        if (!matchPassword) return 
        res.status(401).json({token:null,message:'Contraseña Invalida'})
        const token = jwt.sign({id:userFound._id}, config.SECRET,{
        expiresIn:86400 })          
        res.status(200).json({token,userFound,message :'Bienvenido'})     
         } catch (error) {
             console.log(error)
          } 
      ```

Codigo Frontend:

     const res = await API.post('/auth/signin',payload,)

       try {               
         sessionStorage.setItem('token', res.data.token)                        
         const switComponentsByRoles = res.data.userFound.roles[0].name         
         const userSessionview = res.data.userFound.username 
         const switComponentsByRole = 
              {
                switch:switComponentsByRoles,
                  view:userSessionview
               }       
        localStorage.setItem('usersession', userSessionview) 
        console.log(res)  

       dispatch({        
             type: 'SWITCH_COMPONENTS',
          payload: switComponentsByRole    
         }) 
             authentication()           
       } catch (error) {
         console.log(error)
       }                
} ``` 

 > Agrego que la dirección del backend es: 
    http://localhost:4000/api/auth/signin
 > la del frontend es http://localhost:3000/api/auth/signin/ 
 > y que uso una instancia de Axios para las llamadas que también expongo
    ```  import axios from 'axios'

     const BASE_URL= 'http://localhost:4000/api'
     const API = axios.create({    
                   baseURL:BASE_URL,
                   })
     ```      export default API
> Algo curioso: cuando hago al backend la solicitud desde insomnia si captura el 
mensaje y lo muestra


[1]: https://i.sstatic.net/8YRHs.png

3 respuestas 3

0

Podrías usar un código similar al siguiente, donde se captura el error (error<> 200):

   API.post('/auth/signin',payload).subscribe((resp) => {
      // Código Ok
    }, (err: any) => {
      console.log(err.message);
    });
1
  • muchas gracias, por contestar pero no logro aun entender ni recibir el json(), he reformulado la pregunta para ver si puedo explicarme mejor, saludos
    – jose osto
    Commented el 1 abr. 2021 a las 19:54
0

El problema no es que no puedas entregar el mensaje, el error está en la solicitud.

La solicitud que realizas esta mal, directamente te tira el error 400 que entrega por defecto el navegador para las malas solicitudes. Si te fijas tu tienes que envié un código de estado 400 con un json y el mensaje, y eso no se esta entregando.

Comprueba la dirección de la solicitud, quizás está mal el puerto o algo pero el problema, según mi punto de vista, no está en el código.

API.post('/auth/signin',payload)

Si estás desde el frontend eso tiene otra ruta, como sabe donde está el servidor backend? debes establecer la ruta completa http://localhost:4000/auth/signin.

API.post('http://localhost:4000/auth/signin',payload)

Localhost puede ser remplazado por tu dirección en donde tengas el backend al igual que el puerto. Creo que ese es el error.

Como dato no entiendo a que te refieres con API, deduzco que así llamaste a axios. Como consejo recomiendo llamar a los módulos con el nombre por defecto así sabes que estas tratando, ya si eres un dominador del módulo, no hay problema.

9
  • Muchas gracias Sr , por ser tan amable en atender mi interrogante, disculpe, es que no agregué en el post, el hecho de que tengo hecha una instanciación de axios , aquí la agrego, pero con ella y sin ella me arroja el mismo ```import axios from 'axios' const BASE_URL= 'localhost:4000/api' const API = axios.create({ baseURL:BASE_URL }) export default APIgo la instancia de axios
    – jose osto
    Commented el 1 abr. 2021 a las 22:41
  • Entiendo, vamos paso a paso, juntos encontraremos el error. Borra lo que te dije lo último de axios. Y pon un console.log(res) después de la primera línea const res = await API.post('/auth/signin',payload,) e identifica que muestra en la consola. Commented el 2 abr. 2021 a las 0:13
  • Este es respuesta en la consola del navegador : POST localhost:4000/api/auth/signin 400 (Bad Request) xhr.js:177 Uncaught (in promise) Error: Request failed with status code 400 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62) Muchas gracias Sr.
    – jose osto
    Commented el 2 abr. 2021 a las 0:43
  • Tienes algun archivo llamado createError.js? Dice que hay un error en la línea 16. Miralo y dime que dice en esa línea. Commented el 2 abr. 2021 a las 0:49
  • 1
    Gracias Juan Fernando por el tiempo que me has dedicado , se que lleva mucho tiempo esto y a distancia es muy dificil, un fuerte abrazo desde Cuba
    – jose osto
    Commented el 2 abr. 2021 a las 0:59
0

Muchas gracias a la comunidad por el tratar de apoyarme, después de unos días tratando de extraer el mensaje que se enviaba desde el backend en esta porción del código : return res.status(400).json({message:'Usuario no encontrado'}), Logre al fin extraerlo y aqui pongo lo que me faltaba agregar:

      console.log(error.response)
      
    }





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.