访问html报401,未经授权的webapi调用返回登录页面而不是401

如何配置我的mvc / webapi项目，以使从剃刀视图调用的webapi方法在未经授权时不返回登录页面？

它是一个MVC5应用程序，还具有用于通过javascript进行调用的WebApi控制器。

下面的两种方法

[Route("api/home/LatestProblems")]

[HttpGet()]

public List LatestProblems()

{

// Something here

}

[Route("api/home/myLatestProblems")]

[HttpGet()]

[Authorize(Roles = "Member")]

public List mylatestproblems()

{

// Something there

}

通过以下角度代码调用：

angular.module('appWorship').controller('latest',

['$scope', '$http', function ($scope,$http) {

var urlBase = baseurl + '/api/home/LatestProblems';

$http.get(urlBase).success(function (data) {

$scope.data = data;

}).error(function (data) {

console.log(data);

});

$http.get(baseurl + '/api/home/mylatestproblems')

.success(function (data) {

$scope.data2 = data;

}).error(function (data) {

console.log(data);

});

}]

);

因此，我尚未登录，第一个方法成功返回了数据。第二种方法返回(在成功函数中)包含登录页面等效项的数据。例如，如果您请求带有[Authorize]标记的控制器操作并且尚未登录，则在mvc中会得到什么。

我希望它返回未经授权的401，以便我可以根据用户是否登录为用户显示不同的数据。理想情况下，如果用户已登录，则我希望能够访问Controller的User属性，以便我可以返回特定于该Member的数据。

更新：由于以下任何建议似乎都不再起作用(对Identity或WebAPI的更改)，我在github上创建了一个原始示例，该示例可以说明问题。