CODEWITHSUNDEEP
javascriptvue.jserror-handlingconsoleaxios
Axel
Axel

Reputation: 5141

How to remove the console errors in axios?

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?

Upvotes: 14

Views: 27739

Answers (3)

mohamed reda
mohamed reda

Reputation: 21

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)
    }
}

Upvotes: 0

ierdna
ierdna

Reputation: 6293

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.

Upvotes: 3

fir4tozden
fir4tozden

Reputation: 91

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");
})

Upvotes: -1

Related Questions