es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

No se puede obtener respuesta de la solicitud POST de axios (React)

17 Jun, 2023 Programación

Estoy tratando de obtener el encabezado de respuesta de esta solicitud axios:

const res = await axios.post(process.env.REACT_APP_URL_API + "/login", {
            username: userRef.current.value,
            password: passwordRef.current.value,
        }).then(response => console.log(response.headers))

El estado es 200 y obtuve 2 respuestas: “OPTIONS”, que según he leído, está relacionada con la política CORS. Y una respuesta POST, con los encabezados que necesito (credencial, JWT y todo).

Aquí está mi problema: en la respuesta de axios, estoy obteniendo los encabezados de “OPTIONS” que son inútiles y no sé cómo acceder a los datos “reales” en POST, ¿cómo puedo solucionar esto?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para acceder a las cabeceras de respuesta de la solicitud POST en lugar de la respuesta OPTIONS en axios, directamente se puede manejar el objeto de respuesta de la promesa devuelta por la solicitud POST en lugar de encadenarla con un método .then.

    Aquí hay un ejemplo:

    try {
      const response = await axios.post(process.env.REACT_APP_URL_API + "/login", {
        username: userRef.current.value,
        password: passwordRef.current.value,
      });
      console.log(response.headers);
      // hacer algo con las cabeceras
    } catch (error) {
      // manejar el error
    }

    Al usar await con un bloque try-catch, podemos asignar directamente el objeto de respuesta a una variable y acceder a su propiedad de cabeceras. Esto debería brindarte acceso a las cabeceras que necesitas de la solicitud POST.

Comments are closed.