Javascript 如何捕获和处理VUEJS中的406错误

Javascript 如何捕获和处理VUEJS中的406错误,javascript,api,vue.js,user-interface,Javascript,Api,Vue.js,User Interface,我有一个路由,我在当天发送到api,h在数据库中验证时间表中是否有开口,如果没有,api将发送406。我在406控制台出错了。 我应该如何处理这个错误以获得一个干净的控制台 您可以简单地将api调用包装到try catch中,而不必对catch部分中的e执行任何操作 try { ... you code here ... } catch(e){} 如果您使用Axios进行API调用,则可以创建一个全局拦截器,并根据您的状态代码将响应返回到组件。 这将放在main.js中 axios.inter

我有一个路由,我在当天发送到api,h在数据库中验证时间表中是否有开口,如果没有,api将发送406。我在406控制台出错了。
我应该如何处理这个错误以获得一个干净的控制台

您可以简单地将api调用包装到try catch中,而不必对catch部分中的
e
执行任何操作

try { ... you code here ... } catch(e){}

如果您使用Axios进行API调用,则可以创建一个全局拦截器,并根据您的状态代码将响应返回到组件。 这将放在main.js中

axios.interceptors.response.use(null, function(error) {
    console.log(error);
 if(err.response.status === 406){
       //your code here.
    }
    return Promise.reject(error);
});

您可以将调用包装在
try{}catch(e){}
中,以处理错误发生后发生的事情


但无法阻止浏览器以编程方式在控制台中显示错误,因为脚本可能会滥用错误请求以向用户隐藏其活动

请发布您的一些代码/努力,然后只有我们可以帮助您。请提供一个JSFIDLE或CodePen,其中包含您试图让人们轻松调试您的问题的代码。
check_time(day,hour){
    var fields = {};
    fields.day = parseInt(day);
    fields.hour = parseInt(hour);

    try {
        this.$http.post('courses/check', fields)
    } catch {
        this.$store.dispatch('alert', {'message': 'Already exist a course in this interval.'});
    }

}