如何在axios中消除控制台错误

在本文中，我们将看到“如何在Axios中消除控制台错误”。控制台错误方法将错误消息输出到Web控制台。

Axios是一个JavaScript库，它实现了原生于JS ES6的Promise API，并用于使用node.js或浏览器中的XMLHttpRequest发出HTTP请求。它允许客户端的XSRF保护，并且可以用于拦截HTTP请求和响应。此外，它还可以取消请求。

控制台： 控制台通常指的是用户可以输入命令并查看输出结果的计算机终端，如输入命令的结果或来自计算机的状态消息。控制台通常连接到由控制台控制的远程计算机或计算机系统。

实际上，使用JavaScript解决这个问题是不可能的，因为存在一些安全问题和脚本隐藏其活动的潜力。

我们能做的最好的事情就是只隐藏它们从你的控制台中。

示例1： 这个示例创建了一个控制台错误。

在下面的示例中，在try块中，result变量获取所需的数据，但如果有任何错误，将通过catch块检测到，catch块负责显示控制台错误。

Javascript

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

输出结果：

如何在axios中消除控制台错误

示例2： 下面的示例中将再次发生类似的情况。

Javascript

async [types.GET_DATA]({commit, state}, data) { 
    try { 
        const DateofBirth = await axios.post('/login', { 
            day: month.day, 
            year: year, 
        }); 
    console.log(DateofBirth) 
    } catch(error) { 
        if(error.response) { 
            console.log(error.response) 
        } 
    } 
}

输出：

如何在axios中消除控制台错误

解决此错误，我们只需要像下面这样捕获错误：

在下面的示例代码中，我们尝试在try块中做与上面示例相似的事情。但是，这次在catch块中，我们不再向用户显示错误响应，而是向控制台输出错误消息，用户将不会看到它，我们可以处理它。

Javascript

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

输出： 它将在控制台中输出我们在console.log()中传递的消息

如何在axios中消除控制台错误