How to remove the console errors in axios?

Question

Here's my code:

async [types.GET_DATA]({commit, state}, data) {
    try {
        const res = await axios.post('/login', {
            email: data.email,
            password: data.password,
        });
        console.log(res)
    } catch(e) {
        if(e.response) {
            console.log(e.response)
        }
    }
}

So, I return 400 Bad Request whenever user sends empty fields. What axios does is throws the error along with the error response. What I need to do is remove that console error message and only get the error response.

How can I do it?

Answer 1

It is actually impossible to do with JavaScript. This is due to security concerns and a potential for a script to hide its activity from the user.

The best you can do is hide them from only your console.

Answer 2

If there is an error you can catch it like this:

axios.get("https://google.com").then(response => {
  console.log("Done");
}).catch(err => {
  console.log("Error");
})

Answer 3

async [types.GET_DATA]({commit, state}, data) {
    try {
        const res = await axios.post('/login', {
            email: data.email,
            password: data.password
        });
        console.log(res)
    } catch(err) {
            console.log(err)
    }
}