48

使用 $http，我们可以这样做：

var config = { headers: { 'something': 'anything' } };          
$http.get('url/to/json', config)
    .success(function() {
        // do something…
    })

我想对 $resource 参考做同样的事情（不工作）：

var config = { headers: { 'something': 'anything' } };
MyResource.get( 
    config,
    function() { // success
        // do something…
    }
);

相应的服务声明如下：

.factory('MyResource', function($resource){
    return $resource('url/to/json');
})

它不起作用：配置对象转到 url 而不是 http 标头中。

有没有办法做到这一点 ？

4

5 回答 5

84

headersfor$resource从 AngularJS 1.1.1 开始可用。确保您使用了正确的版本。

格式是

$resource('url/to/json', {}, {headers: { 'something': 'anything' }});

[由 zuma 编辑] 上面的内容似乎不对。$resource 的第三个参数应该是不同的。这对我来说似乎更正确：

$resource('url/to/json', {}, {
    get: {
        method: 'GET',
        headers: { 'something': 'anything' }
    }
});
于 2013-09-20T19:20:16.677 回答
19

headers资源操作中的对象既支持static其字段的值，也支持dynamic从函数返回的值。 

$resource('url/to/json', {}, {
        get: {
            method: 'GET',
            headers: { 
               'header_static': 'static_value',
               'header_dynamic': dynamicHeaderVal
            }
        }
});

function dynamicHeaderVal(requestConfig){
     // this function will be called every time the "get" action gets called
     // the result will be used as value for the header item
     // if it doesn't return a value, the key will not be present in the header
}
于 2015-03-27T22:48:00.397 回答
15

演示代码

angular.module('Test',['ngResource'])
 .controller('corsCtrl', function ($scope, $http, MyResource) {

  $http.defaults.headers.common['test']= 'team'; //Using $http we can set header also
  MyResource.get();
})
.factory('MyResource', function($resource) {   //Services
  return $resource('url/to/json');
})

JsFiddle DEMO

see in Request Header
于 2013-09-20T21:22:37.413 回答
2

要使用“Content-Type”标头，您可能需要至少为 1.4.7+ 左右的版本指定数据主体，因为 $http 会删除没有 === 'content-type' 数据主体的标头。请参阅1.4.7/angular.js中的 # 10255

我只是设置“数据：假”来欺骗它，而没有指定数据主体：

$resource('url/to/json', {}, {
    get: {
        method: 'GET',
        data: false,
        headers: { 'something': 'anything' }
    }
});
于 2015-12-03T04:05:27.623 回答
2

您可以通过访问资源中的配置 API 对象来设置动态一次性标头

演示代码

angular.
.factory('Resource',['$resource',function($resource){return $resource(baseUrl+'/resource/:id', {id: '@_id'}, {
update    : {
  method  : 'POST',
  url     : baseUrl+'/resource/:id',
  headers : {
    'custom-header': function(config) {
      // access variable via config.data
      return config.data.customHeaderValue;
    }
  },
  transformRequest: function(data) {
    // you can delete the variable if you don't want it sent to the backend
    delete data['customHeaderValue'];
    // transform payload before sending
    return JSON.stringify(data);
  }
} 
});
}]);

执行

Resource.update({},{
  customHeaderValue: setCustomHeaderValue
},
function (response) {
  // do something ...
},function(error){
  // process error
});
于 2019-01-10T14:47:56.717 回答