Tengo una función en Vue.js que envía datos al back-end para iniciar sesión en el usuario. Sin embargo, en los casos en que el usuario no existe, devuelve un 401 no autorizado. Eso está bien para mí, el problema es que siempre parece estar conectado a la consola. Ya sé que puedo manejarlo, pero siempre se registra en la consola. ¿Hay alguna manera de evitar que la consola web registre el 401 no autorizado?
mi funcion
this.$store .dispatch("userLogin", { username: this.username, password: this.password, }) .then((response) => { switch (response.status) { case 401: //I know unauthorized attempt can be handled here. break; } this.$router.push({ name: "Admin" }); }) .catch(function (error) { console.log(error.response.data); }); }Quiero evitar que esto se registre.
No puedes hacer eso. Es lo mismo que intentar evitar que las solicitudes aparezcan en la pestaña Red de Chrome. Es implementado por el navegador y el sitio web no tiene control sobre él.
Realmente no puede bloquear las respuestas de registro de las solicitudes en la consola del navegador.
En su caso, tiene tal flujo, ese servidor responde con el código 401 cuando envía detalles de usuario no válidos. Obviamente, debería responder con 404, pero probablemente no tenga ningún control sobre él.
La solución a esto podría ser tener una función, que evaluaría tanto response.status como response.data y, en función de response.data, procesaría su caso aún más.
Alguna solución inicial:
switch (response.data && response.status) { case ('not found' && 401): // handle case break; default: break; }