angularjs – 以角度捕捉403错误并显示弹出窗口

在我们的网站上,我陷入了这种困境,你基本上将项目转移到另一个用户.当发生这种情况时,如果原始用户试图查看他/她刚刚转移的项目,我们将返回403,因为他们不再是项目的所有者.我开始以棱角分明的方式查找拦截器.我连接了responseError,看看它是否像403一样被调用

.config(($httpProvider) => {
        $httpProvider.interceptors.push(function() {
            return {
                responseError: function(rejection) {
                    console.log("bad response");
                    return rejection;
                }
            }
        });
    });

所以我的“错误响应”被调用了所有内容,但我不知道如何在这一点上显示模态视图或其他东西向用户显示错误,因为这403响应实际上发生在我们的一些不同资源上,而不是只是项目.有什么想法吗？提前致谢.

解决方法

如果我理解正确你只想显示一些http调用的错误对话框,而不是每个通过你拦截器的调用.你可以试试这个： –

设置http调用的配置说handleError：true.

$http.get('myurl',{handleError:true})....


$http.post('myurl',data,{handleError:true})....

等等..

并在您的拦截器中查找特定的配置设置以显示错误： –

$httpProvider.interceptors.push(function() {
        return {
            responseError: function(rejection) {
                console.log("bad response");
                if(rejection.config.handleError && rejection.status === 403){
                    //show error dialog
                }
                return rejection;
            }
        }
    });

您也可以发送需要处理的状态代码.

$http.get('myurl',{handleStatus:[403,...]})....

和

$httpProvider.interceptors.push(function() {
        return {
            responseError: function(rejection) {
                if((rejection.config.handleStatus || []).indexOf(rejection.status) > -1){
                    //show error dialog. probably you Could show it in a $timeout to make this async.
                }
                return rejection;
            }
        }
    });