Estoy tratando de manejar las respuestas de error de Axios con React, pero cuando intento registrarlo en la consola, el error es un error Network error y el error.response no está definido.
La solicitud es un POST simple con el encabezado de Authorization configurado correctamente, cuando intento hacer la misma solicitud en Postman, funciona correctamente y puedo ver la respuesta de error.
La solicitud se realiza después de que el usuario complete un formulario y haga clic en un botón.
async function create() { const response = await Axios.post( "/api/disposal-requests/", // the base url is setted when the application mounts `Axios.defaults.baseURL = process.env.REACT_APP_API_URL` { description: "Description", url: "Url", key: "Key", location_geoname_id: "City", } ); return response.data; } Cuando un usuario hace clic en un botón, hay otra función que llama a create .
async function onClick() { try { await create(); // Everything works fine when there are no errors } catch(error) { // Here error.response is undefined } } Esto es lo que recibo en el archivo console.log, en la Network tab puedo ver que el estado del error es 400 pero incluso allí no hay una respuesta de error, solo puedo ver la respuesta de error en Postman.
¿Alguien sabe lo que está mal aquí?
Escriba esperar antes de crear (). de modo que si ocurre algún error, atrapar con obtener eso
async function onClick() { try { await create(); // Everything works fine when there are no errors } catch (error) { // Here the error response is undefined } }