如何在角度中将拦截器添加到 $resource

Question

我想拦截资源调用中的请求。我的拦截器的目的是拦截发送到服务器的所有请求的 http 请求和授权标头。这是我的拦截器：

module.exports = function (authToken) {
return {
    request: function(config){
        var token = authToken.getToken();
        if(token){
            config.headers.Authorization = 'Bearer ' + token;
        }

        console.log(config);
        return config;
    },
    response: function(response){
        return response;
    }
}
};

作为配置函数的一部分，我正在推送 authInterceptor：

$httpProvider.interceptors.push('authInterceptor');

我还将拦截器定义为 $resource 参数：

module.exports = function ($resource, gwService, authInterceptor) {

return $resource(gwService.getResourceUrl('/environments/:environmentId'), null,
    {
        'update': {method: 'PUT'},
        'query': {method: 'GET', interceptor: authInterceptor}
    }
);
};

我无法弄清楚为什么 authInterceptor 永远不会被执行。是否可以以角度拦截 $resource 或者我必须使用 $http？

Answer 1

现在我就是这样做的，

当我需要一个通用的标头时，意味着我想在每个请求中使用一个标头，然后我像这样配置我的标头

$http.defaults.headers.post.Authorization = "Bearer QWxhZGRpbjpvcGVuIHNlc2FtZQ==";

但是当我想要每个请求的标头时，意味着我应该能够决定哪个请求将涉及授权标头，哪些没有标头，然后我会做这样的事情。

 .factory('APIAuthroization', function (authToken) {
     return {
         transformRequest: function (data, headersGetter) {
             var headers = headersGetter();
             var token = authToken.getToken();
             if (token) {
                 headers.Authorization = 'Bearer ' + token;
             }
             return JSON.stringify(data);
         }
     }
 })

然后将此transformRequest 设置为$resource 的transformRequest

return $resource(gwService.getResourceUrl('/environments/:environmentId'), null,
    {
        'update': {method: 'PUT'},
        'query': {method: 'GET', transformRequest: APIAuthroization.transformRequest}
    }
);
};