2013-05-20 83 views
4

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

当我使用普通的JS和.ajax时,在beforesend块中传递cookies工作。

$.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 call):

$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未经授权的错误。如果从服务器代码中删除授权块,则代码无需插入标头即可工作。如何在AngularJS中模拟相同的beforesend块,并确保在API调用期间cookie传递给服务器?

+1

您是否找到解决此问题的方法? –

回答

0

您是否尝试将您的标头参数不是传递给json对象,而是直接传递给标头属性?

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

希望它能提供帮助。

相关问题