Question

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

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

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

Answer 1

如果我理解正确，你只想为某些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;
            }
        }
    });

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

1 个答案: