4

我在使用 AngularJS 中的 $http 提供程序对需要身份验证的 .NET 后端进行 API 调用时遇到问题。.NET 后端服务期望调用中包含“.ASPXAUTH”和“__RequestVerificationToken”cookie。

当我使用纯 JS 和 .ajax 时，在 beforesend 块中传递 cookie 是有效的。

$.ajax({
url: SERVER_URL + '/api/accounts',
type: 'GET',
dataType: 'json',
crossDomain: true,
xhrFields: {
withCredentials: true
},
success: function(data, status){
// ...
},
error: function (request, textStatus, errorThrown) {
// ...
},
beforeSend: function (req) {
    req.setRequestHeader("Cookie", REQUEST_VER_TOKEN);
    req.setRequestHeader("Cookie", ASPXAUTH_TOKEN);
}
});

在 AngularJS 中，我尝试在 $httpProvider 和 $http 调用中设置它但没有成功：

（在配置块中）：

// ...
app.config(function ($routeProvider, $httpProvider) {
$httpProvider.defaults.headers.common[".ASPXAUTH"] = '....';
$httpProvider.defaults.headers.common["__RequestVerificationToken"] = '....';
$httpProvider.defaults.useXDomain = true; 
// ...

（在 $http 调用中）：

  $http({ url: 'http://SERVER_URL/api/accounts', method: 'GET',
          {headers: {
          '__RequestVerificationToken': '....',
          '.ASPXAUTH': '....'
          }}
          })
.success(function(data, status, headers, config) {
    // ...
         })
.error(function (data, status, headers, config) {
    // ...
         });

我收到 401 未经授权的错误。如果从服务器代码中删除了 Authorization 块，则代码无需插入标头即可工作。如何在 AngularJS 中模拟相同的 beforesend 块并确保在 API 调用期间将 cookie 传递给服务器？

4

1 回答 1

0

您是否尝试将标头参数不在 json 对象中而是直接传递给 headers 属性？

$http({ url: 'http://SERVER_URL/api/accounts', method: 'GET',
      headers: {
      '__RequestVerificationToken': '....',
      '.ASPXAUTH': '....'
      }
}).success(function(data, status, headers, config) {
// ...
     })
.error(function (data, status, headers, config) {
// ...
});

希望它可以提供帮助。

于 2013-05-27T08:48:50.600 回答