angularjs – 使用$http transformResponse的angular-http-auth

前端之家收集整理的这篇文章主要介绍了angularjs – 使用$http transformResponse的angular-http-auth前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
每当从服务器返回401“未授权”响应时,我正在使用 angular-http-auth显示登录对话框.

由于我很酷,我也尝试在我的服务中反序列化响应对象.例如,如果服务请求汽车并且响应是{make:Honda,model:Civic},我尝试使用transformResponse将其反序列化为Car对象.

例如:

getCar: function() {
    return $http.get('/api/car',{
        method: 'GET',transformResponse: function(data,headers) {
            var c = angular.fromJson(data);
            return new Car(c);
        }
    });
}

这不适用于angular-http-auth.如果响应是401 Unauthorized,您将收到一个javascript错误.这是因为即使响应是401,angular也会尝试运行transformResponse代码.

事实证明,$http拦截器(这是angular-http-auth使用的)在transformResponse代码之后运行.这是一个很大的问题,因为如果服务器响应是401(没有任何数据),transformResponse中的代码都不会起作用

这对其他人来说是个问题吗?你是怎么绕过它的?如果我使用$http拦截器,我不会使用transformResponse吗?

解决方法

我知道,在聚会的最后阶段,但对于像我一样从谷歌来到这里的人(我也发布了这篇文章作为对Angular回购提交的 @L_502_3@的评论):

我还发现,令人困惑的是,响应拦截器在transformResponse方法之后运行.我在$http.defaults.transformResponse中添加了一个方法. Here是有关如何执行此操作的文档中的示例.

所以,如果你需要基本上有一个在transformResponse方法之前运行的响应拦截器,这应该这样做:

'use strict';

angular.module('app')
  .run(function ($http) {
    $http.defaults.transformResponse.push(function (data,headers) {
      // do stuff here before the response transformation

      // Be sure to return `data` so that the next function in the queue can use it.
      // Your services won't load otherwise!
      return data;
    });
  });

如果您的服务或http呼叫没有自己的响应转换器,那么您现在很好.

如果您的服务确实有自己的transformResponse方法,它们实际上会覆盖所有默认变换器(我在长时间阅读文档后发现了这一点),并且上面的代码将无法运行.

为了避免这种情况,您可以在文档中按照this example进行操作.

猜你在找的Angularjs相关文章