.catch en axios no tiene efecto

[augusto_jaramil]

Gente de la comunity, buenas las tengan....

Acá reportando la novedad de que estoy tratando de sumergirme en el mundo del axios (primíparo en la materia) y tengo los siguiente líos:

1.- Al probar mi script en Chrome arrancando me reporta el siguiente Warning:

Código PHP:

Source map error: request failed with status 404
Resource URL: http://localhost/axios.min.js
Source Map URL: axios.min.map
 

Pero en Firefox no reporta nada. Como menciono, es un Warning pero la idea es que no ocurra...

2.- Al aplicar el código:

Código Javascript:

axios({
      method: 'post',
      url: 'entrada_registra.php',
      data: mis_datos,
      config: { headers: {'Content-Type': 'multipart/form-data' }}
  })
  .then(function (response) {
      //handle success
      console.log("OKKK");
      console.log(response)
  })
  .catch(function (response) {
      //handle error
      console.log(response)
  });
 

y forzando error de conexión a la base de datos (BD no existe) siempre llegar por .then(function (response). Pienso que debería llegar por .catch(function (response), al igual que forzar, por ejemplo algún error de sintaxis de PHP

Cómo podría (del verbo poder) solucionar esta situación?

Agradezco de antemano sus comentarios y sugerencias

Gracias pues

[Triby]

1. El error o advertencia de Chrome se refiere a que no puede cargar axios.min.js y lo único que debes hacer es revisar y corregir la ruta.

2. Creo que estás confundiendo los conceptos, si tu script PHP no puede conectar a base de datos, es ahí mismo donde debes capturar el error, sin embargo, estás devolviendo una salida válida y, por tanto, axios determina que no hay error.

Supongo que si intentas ejecutar un script php que no existe (o generes otro error dentro del javascript) será entonces cuando axios tome la ruta del catch.

[augusto_jaramil]

Hola a tod@s de la comunidad,

Primero que todo, Señor Triby Gracias por su respuesta.

Segundo que todo y Volviendo a retomar el tema y simulando algún error al realizar un query, detecto ahora lo siguiente:

Efectivamente toma efecto el .catch pero no se visualiza el texto del error. Al activar el depurador o herramienta de desarrollo del navegador (Ctrl+Shift+I) obtengo

Código Javascript:

TypeError: cannot use 'in' operator to search for 'length' in '<br />
<b>Warnin...' entrada_ajax.js:388:13
Object {  }
 

Al entrar a la pestaña Red y haciendo click en el último mensaje (que aprosópito aparece con estado 200) aparece el texto del error que arroja el motor de la BD, entónces cómo le hago para capturar ese mensaje y mostrarlo al usuario, tal vez con un alert....

Como siempre, agradezco infinito sus comentarios y sugerencias al respecto....

Felicidades pues!!!

[augusto_jaramil]

Hola de nuevo pues......

Hasta el momento la vaina va así:

1. Una vez ocurre el error del query el texto completo del error entra como si la respuesta fuese exitosa (status 200), pero ejecuta solamente y únicamente la primera instrucción definida dentro del .then y luego pasa a ejecutar las instrucciones dadas dentro del .catch

2. Cuando entra al .catch, según mi código

Código Javascript:

.catch(function (error) {
 
alert(error);
 
    var errorObject=JSON.parse(JSON.stringify(error));
alert(errorObject);
 
    $.each(errorObject.data, function (i,dato) {
      alert(errorObject);
      console.log(errorObject.data);
        if (errorObject.data[i].estado) {
          alert(errorObject.data[i].descr);
        }
    })
  });
 

el primer alert(error) es TypeError: cannot use 'in' operator to search for 'length' in '<br />
<b>Warnin...' y el segundo alert(errorObject) da [object Object]. El $.each brilla por su ausencia (No pasa nada).

3. La buena noticia para este pecho es que al fín pude solucionarlo, bien o mal pero funcionó para mí. Como dije, al ocurrir el error de query se ejecuta la primera instrucción que se indica en el .then, entónces hice que esa primera instrucción fuese almacenar en una variable global el mensaje de error y en el .catch trabajo esa variable global y así puedo mostrarla en algún lado o de cualquier manera, como puede ser, por ejemplo, en un alert....

Así funcionó para mí.... si hay otra solución más mejor que esta, bienvenida sea....


Hasta depues pues, y sigan siendo felices....

[ArturoGallegos]

en lugar de alert mandalo a consola
alert(error); ->>> console.log(error)

Ahora bien estas seguro de querer obtener el objeto error completo o solo lo que tu enviastes?

porque si solo quieres lo que tu enviaste en mi caso siempre es con

console.log(error.response.data)

[augusto_jaramil]

Señor ArturoGallegos, gracias por su interés en el tema....

Lo que deseo es obtener el mensaje de error que genera el motor de BD, PostgreSql en mi caso.

Al hacer console.log(error.response.data) en el .catch obtengo TypeError: error.response is undefined